JS 的基本语法

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中所有的可以由我们自主命名的都可以称为标识符
比如:变量名,函数名,属性名都属于标识符
它的命名同时要遵循一些规则:
规则:
1. 可以含有字符,数字,‘_’, $ 符号
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 1case 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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值