JS 的基本语法

2023-12-16 14:17:33

1. 什么是表达式和语句

表达式（expression）：

js 中的一个短语，js 解释器会将其计算出一个结果。程序中的常量是最简单的一类表达式。

变量名也是一种简单的表达式，它的值就是赋值给变量的值。
复杂表达式是由简单表达式组成的。

比如，数据访问表达式是由一个表示数组的表达式、左方括号、一个整数表达式和右方括号构成。它们所组成的新的表达式的运算结果是该数组的特定位置的元素值。

同样的，函数调用表达式由一个表示函数对象的表达式和0个或多个参数表达式构成。

将简单表达式组合成复杂表达式最常用的方法就是使用运算符（opetator）。

运算符按照特定的运算规则对操作数（通常是两个）进行运算，并计算出新值。

乘法运算符“”是比较简单的例子。表达式xy是对两个变量表达式x和y进行运算并得出结果。有时我们更愿意说运算符返回了一个值而不是“计算”出了一个值。

var a = (5 + 6) / 2; //表达式：(5 + 6) / 2
var b = (function(){ return 25;})(); //表达式： (function(){ return 25;})()
foo(a*b); //表达式：a*b

语句（statement）：
js 整句或命令。js 语句是以分号结束；表达式计算出一个值，但语句用来自行以使某件事发生。
“使某件事发生”的一个方法是计算带有副作用的表达式。

var a = (5 + 6) / 2; //整行，赋值语句
if(a>12) { statements} //条件语句
var o = {}; //赋值语句
(function(obj){ obj.b = 23;})(o||{}); //表达式语句

2. 标识符的规则

定义：
在js中所有的可以由我们自主命名的都可以称为标识符
比如：变量名，函数名，属性名都属于标识符
它的命名同时要遵循一些规则：
规则：
１. 可以含有字符，数字，‘＿’， $ 符号
2. 不能以数字开头
3. 不能是ES中关键字或者保留字
4. 一般采用驼峰命名法

3. if else 语句

    // 第二种方式
    if(booleanValue){
     do sth
    }else{
     do sth
    }
    
   // 第2.5种方式（高级写法，三元运算符）
   （a > b）？console.log("a>b") ： console.log("a<b")


    // 第二种方式
    if(status == 1){
      //do sth
    }else if(status == 2){
      //do sth
    }else if(status == 3){
      //do sth

4. switch 语句

	switch(n) {
	case 1:
	  执行代码块 1
	  break;
	case 2:
	  执行代码块 2
	  break;
	default:
	  n 与 case 1 和 case 2 不同时执行的代码
	}

4. while & for 语句

while 循环

  while(表达式){
	循环语句
  }

for 循环

第一种：
for (i = 0; i < loopTimes; i++) {
  console.log(i);
}

第二种：for..in循环
// 属历史遗留，用于遍历对象的属性(数组的索引值也算属性)。
// 但有一个缺点：如果手动向数组添加成员属性，则：
// 虽然数组的length不变，但用for..in遍历数组会遍历到那些新定义的属性。

for (property in obj) {
  console.log(property, obj[property]);
}



第三种：for..of循环(ES6)
// for..of循环修复了for..in存在的问题，他只遍历属于对象本身的属性值。
// 且这个对象必须是iterable可被迭代的。如Array, Map, Set。

for (element of iterable) {
  console.log(element);
}


第四种：forEach(callbackFn, ?thisArg)方法(ES5.1)
// iterable可被迭代的对象都有forEach(callbackFn, ?thisArg)。
// 而Array, Map, Set对象都是可被迭代的。
// forEach()接收一个回调函数callbackFn，每次迭代都回调该函数。
// 回调函数的参数列表为(value, key, iterable)，依次是(值, 键, 可迭代的对象本身)。
iterable.forEach(function(value, key, iterable) {
  console.log(key, value, iterable);
});

5. break continue

break为中断当前作用域内的循环，continue 为跳过本次作用域内循环，为什么这么说呢，是因为涉及到多层嵌套的问题，如果for循环内嵌套一个for循环，里面的for循环有一个条件判断，如果条件符合，就break或者continue，这时，如果是break就是跳出内部循环，跳出循环体执行循环后面的语句。break则完全终止循环。内部循环结束，然后进行外面的下一次循环

continue是跳出本次循环，继续执行下一次循环

6. label

参考资料：

js 表达式与语句
 Javascript浅谈之表达式和语句的区别
 JS中的4种for循环
 小tips：JS语法之标签（label)

码农公寓