JS 语法初览

570 阅读3分钟

JS是不完美的

 目前用的最多的版本为ES6,与ES2019区别不大。ES6的缺点:不能删除以前的特性,要兼容旧网站。虽然它的优秀之处并非原创,它的原创之处并不优秀,但是JS是世界上使用最广泛的语言,它是能够创造出价值的语言。我们对待JS的态度应该是去其糟粕,取其精华。

推荐初学的书籍 进阶书籍

1.表达式和语句的区别

  • 表达式
    1. 1+2 表达式的值为3
    2. add(1,2)表达式的值是函数的返回值
  • 语句 let a =1

区别

  1. 表达式一般都有值
  2. 语句一般会改变环境(声明、赋的值)

2.大小写敏感,空格和回车不敏感

var a 与 var A 是不同的。

注意:不要在return 后加回车

3.标识符的用法

  • 规则

第一个字符是Unicode 字母或者$ 和下划线和中文

第二字符,可为数字和以上所说

注意::位置不可颠倒。

4.区块block

功能:把代码包在一起

{
    let a =1
    let b =2
}

6. if语句

if (a === 1) { 
    if (b === a) {console.log("hejiajin")  }
}
else {
    if (c === a)
    {
        console.log("caokun")
        
    }
    else {
        console.log("hejiajin ")
    }
}

注意: 在JS中赋值,如果输入 a=1会报错必须使用 a===1

if的用法大体上相似

7.switch 语句

结构:

switch (条件) {
   case "条件1":
       break
   case "条件2":
       break
}


注意:其中break 用法:不可省略,程序根据break跳出判断。

8.问号和冒号表达式的用法

功能:精简代码

  • &&短路逻辑:只要出现一个假,就取它
A && B && C 取第一个假值
  • || 短路逻辑 功能:精简代码
a || b
if(!a){b}

a = a || 100
if(a ){a = a }
else{a = 100 } 

9.while 循环

当...时

结构:

while(表达式){语句}
判断表达式的值是不是正确,再决定执行与否其后的代码
var a = 0.1
while(a!==1)
{
    console.log( a )
    a = a + 0.1
}
是一个死循环该程序:因为浮点计算不精确产生的。

whlie 语句包含四个部分(声明、判断、循环体、增长)缺失会导致死循环。

10.for 循环

比while精简

结构:

for(语句1;表达式2;语句3)
{
   循环体
    
}
先执行第一步,再进行第2步判断,最后执行第三自增或者其他

一个有趣的现象

11.break和continue区别

  • break是退出循环体
  • continue是退出当前这一步,不退出循环体

12.lable

实例:

hejiajin:{
    console.log(1);
    break hejiajin
    console.log("不输出")
}
console.log(2);

注意:

{
    hejiajin:1
}

代表的含义:不是一个对象 ,其中hejiajin是一个label,语句为1 。

变成对象的话:

var HR =
{
   hejiajin:1  
}

小结

本文中说明现在JS用途比较广泛的是ES6版本,以及它的优劣情况。详细介绍了:判断语句(if语句、switch 语句)、循环语句(while语句、for语句)和JS语法的一些特点(大小写敏感、空格和回车不敏感,&&和||的用法等)未完待续。。。