js做客户端语言
1.按照相关的js语法,去操作页面中的元素,有事还要操作浏览器里面的一些功能
2.ECMAScript3/5/6…js的语法规范(变量,数据类型,操作语句等等)
3.DOM(document object model): 文档对象模型,提高js的属性和方法,用来操作页面中的dom元素
4.BOM(browser object model): 浏览器对象模型,提供一些js的属性和方法的,用来操作浏览器
js中的变量
变量:可变的值,在编程语言中,变量其实就是一个名字,用存储和代表不同值得东西
js创建变量的方式
<script>
// ES3创建变量
var a = 123;
console.log(a);
// ES6
let b = 100;
b = 200;
console.log(b); //200
const c = 200;
// c = 200; //const创建得值不能修改 ,(可以理解为常量)
// 创建函数也相当于创建变量
function fn() {
console.log(11);
}
// 创建类也相当于创建变量
class A {};
// ES6的模块导入也可以创建变量
// import b from './b.js';
// symbol创建唯一值;一般项目不用
let n = Symbol(100);
let m = Symbol(100);
console.log(n === m); //false
</script>
js中的命名规范
1.严格区分大小写
2.使用数字,字母,下划线,$, (数字不能作为开头)
let $box ; //一般用jq获取的以$开头
let _box; //一般公共变量都是—_开头
let 1box; //不可以,坚决不能以数字开头
3.使用驼峰命名发,首字母小写,其余每一个有意义的单词首字母都要大写(命名经可能语义化明显,使用英文单词)
let studentInformation;
let studentInfo;
4.常用的缩写:add/inset/create/new/update(修改),(delete/del/remove/rm删除) ,(sel/select/query/get查找)
5.不能使用关键字和保留字,未来可能会成为关键字的叫保留字(var let const function …..)
let let =10; //肯定不行
js中的常用数据类型
1.基本数据类型
1.数字类型number 常规数字和NaN(不是一个数字)NaN属于number类型
2.字符串String 引号抱起来的数据
- 布尔 Boolean true/ false
- 空对象指针null
- 未定义undefined
2.引用数据类型
1.对象数据类型 object
普通对象{}
数组对象[]
正则对象 。。。。
math数学函数对象日期对象
。。。。
2.函数数据类型
1.function
js的引用
<script src ="./js"></script> 需要注意代码执行顺序,js位置不能放错
输出语句
console.log(value);
JavaScript 最大的语法缺点,可能就是全局变量对于任何一个代码块,都是可读可写。这对代码的模块化和重复使用,非常不利。
因此,建议避免使用全局变量。如果不得不使用,可以考虑用大写字母表示变量名,这样更容易看出这是全局变量,比如UPPER_CASE。
for(let i=1;i<5;i++) { // i 为局部变量
console.log(i) //4
}
quan ju console.log(i) //5 is not defined 技能在全局方面无法查询,