JS语法

表达式和语句

表达式

表达式(expression)指一个为了得到返回值的计算式。

  • 1+2表达式的值为3
  • add(1,2)表达式的值为函数的返回值
  • console.log表达式的值为函数本身
  • 那console.log(3)表达式的值为undefined,console.log(3)为函数,它的值叫做函数的返回值,3是浏览器打印出来的记录,真正的值为undefined;
语句

语句(statement)是为了完成某种任务而进行的操作。
var a=1 是一个语句(声明语句)
语句一般用来改变环境,不是用来取值。

二者的区别
  • 表达式一般都有值,语句可能有也可能没有
  • 语句一般会改变环境(声明、赋值)var a=1中 a就是环境
  • 上面两句话并不是绝对的
注意
  1. 大小写敏感,objectObject是不同的
  2. 大部分空格没有实际意义
  3. 加回车大部分时候也不影响,但是return 后面不能加回车,加了回车会自动隐性地补上 undefined。
    window 和 Window 是不同的

标识符的规则

  1. 第一个字符,可以是 Unicode 字母或$或_或中文
  2. 后面的字符,除了上面所说,还可以有数字
  3. 变量名是标识符
var _=1
var $=2
var ______=6
var 你好='hi'

if else 语句

语法
  • if ( 表达式 ) { 语句1 } else { 语句2 }
  • 当表达式为真时,执行 语句1
  • 当表达式为假时,执行 语句2
  • { }在语句只有一句的时候可以省略,但不建议这样做。
  • 推荐写法
if (表达式) {
  语句
} else if (表达式) {
  语句
} else {
  语句
}
变态情况
  1. 表达式里可以非常变态,如a=1一个等号=在JS里是赋值的意思,并不是判断,所以等号右边1赋值给等号左边的变量a
  2. 语句1里可以非常变态,如嵌套的if else
if (a<100) {
 if (a>1000) { console.log('a') } 
}
  1. 语句1里可以非常变态,如省略区块{ }
a=1
if (a===2)
  console.log('a')
  console.log('a等于2')

语句可以省略区块但不报错,依然成立

  1. 语句2里可以非常变态,如嵌套的if else
if(a<100)
else if(a>1000) {
console.log('a')
}
else {
console.log('b')
}

实际上完整的写法是

if(a<100) { }
else { 
if (a>1000) { console.log('a') }
else { console.log('b') }
}

while 循环

语法

while(表达式){ 语句 }

  1. 判断表达式的真假
  2. 当表达式为真,执行语句,执行完再判断表达式的真假
  3. 当表达式为假,执行后面的语句
var a=0.1         //初始化   不写死循环
while(a!==1){   //判断     不写死循环
console.log(a)    //循环     无意义
a=a+0.1           //增长     不写死循环
}

会出现死循环,这是因为上面的浮点数不精确造成的问题,+0.1可能加着加着就会变成0.999而不是1,所以永远到不了1。

for 循环

for是while的语法糖(升级版)

语法

for ( 语句 1; 表达式 2; 语句 3 ) { 循环体 }

  1. 先执行语句 1(语句 1 是用来初始化的)
  2. 然后判断表达式 2(表达式 2 是用来判断的)
  3. 如果为真,执行循环体,然后执行语句 3(语句 3 是自增用的)
  4. 如果为假,直接退出循环,执行后面的语句。

注意:如果表达式 2 成立,先执行循环体,再执行语句 3。执行循环体后,一定会去执行语句 3,除非有 break

for ( var i=0 ; i<5 ; i++ ) {
    console.log(i)
}

此时i=5,且打印结果为0,1,2,3,4。当i=4时,先执行console.log(i),再执行i++,这时i的值已经变为5,不符合i < 5,跳出for循环。

for( var i=0 ; i<5 ; i++ ) {
  setTimeout(()=>{
    console.log(i)
  },0)
}

最终结果是打印出5个5。因为 setTimeout 是过一会时间才打印,等过一会,for已经执行完了并且执行了5次,这时i=5,所以打印出5个 5。

break和continue

  • break是跳出代码块或循环,执行下面的语句。
  • continue是跳出当前循环,返回循环结构的头部,开始下一次循环。

注意:break 只会退出离它最近的循环,不会全退。

label

JS语言允许,语句的前面有标签,相当于定位符,用于跳转到程序的任意位置。

语法
label:语句
  • 标签可以是任意的标识符,但不能是保留字,语句可以是任意语句。
  • 标签通常与break或continue配套使用,跳出特定循环。
题目
{
foo:1 
}

上面是什么?
答:foo是一个label,他的语句是1。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。