你不知道的 js 保留字

0.0  若有什么纰漏或者错误,请各位大神指点以及时修正。。

除了正经( 震精 (○´・д・)ノ )的描述保留字,还会说一些侧面知识。浏览器

1、保留字的分类:

  先是笼统的说一下有什么保留字,保留字的话根据犀牛书的划分,可有分为如下几类:ide

  ① :基础保留字: 这类保留字是最经常使用也是最经常使用到的,如:for、belete、void 函数

  ② :严格模式下的保留字:这类保留字会在你使用严格模式下列为保留字,如:let 、protected 等。oop

  ③ :严格模式下的不彻底保留字: 如:arguments、eval ;this

  ④ :ECMAScript3的保留字:若是你但愿你的代码运行在基于ECMAScript 3 的解析器上,那么你应该了解一下。spa

  ⑤ :ECMAScipt 5 的保留字class、constdebug

  ⑥ :全局变量和函数: 这类放在保留字,主要是为了不污染,应该避免以他们的名字定义变量名和函数名,如: Function、encodeURL 等。code

 

2、基础保留字:

    所有的基础保留字:对象

    break ; delete ; function ; return ; typeof ; case ; do ; if ; switch ; var ; catch ; else ; in ; this ; void ; continue ; false ; true ; instanceof ; throw ; while ; debugger;
    finally ; new ; with ; default ; for ; null ; try ;
 
  1. 咱们先来讲说循环类的 for / switch / case / default / while / do / continue / break ;
    —— 三大基础循环相信你们都是有了解的,这里就只作简单的描述,缺少基础的同窗能够先去 W3school 看看;
  
  -- 首先简述一下switch / case / default 这三个
   
 1 var n;
 2     switch (n) {
 3         case 2: // ==> if ( n === 2 )
 4             console.log(1)
 5         break;
 6         case '2':
 7             console.log(2)
 8         break;
 9         default:
10         console.log('n与上面case的值都不相等时执行 default 内的代码块')
11     }
switch 基础

  简单的说,你只要把 switch (n) 内的值 n 和 case m 后的值 m 当成是 if () 内执行 n===m 就容易理解了,因此:blog

var n = '2';
    switch (n) {
        case 2:
            console.log(1)
        break;
        case '2':
            console.log(2)
        break;
        default:  // 传说中的替补队员,存在break的状况下,只有前面都不为真时会触发。
        console.log('n与上面case的值都不相等时执行 default 内的代码块')
    }
// 上面的代码输出的会是->  2

  值得提醒一下新人的是,若是不添加 break 语句的话,switch 会继续执行至整个循环结束。例如:

var n = '2';
    switch (n) {
        case 2: // ==> if ( n === 2 )
            console.log(1)
        case '2':
            console.log(2)
        default:
        console.log('我被执行了')
    }
// 输出->  2
// 以及输出-> 我被执行了

 

   -- 来,咱们加快步伐,看看 for / for in 语句:
 
// 日常咱们写 for 循环 
    for (var i=0; i<5; i++) {
        console.log(i)
    }
// 依次输出 0 1 2 3 4

// 也能够写成这样
    var i=0,len=5;
    for (; i<len ;) {
        console.log(i)
        i++
    }
// 输出结果是同样的 0 1 2 3 4

// for in 循环
    var data={a=1},x;
    for (x in data) {
        console.log( x )  // a 属性名
        console.log( data[x] )   // 1 属性值
    }

 

  --  while / do while 语句:
// while - 当指定的条件为 true 时循环指定的代码块

    var i = 0;
    while (i<3) {   // 若是条件为真,那就继续执行
        console.log(i);
        i++;
    }
// 输出 0 1 2
// 值得注意的是,若是你忘记增长条件中所用变量的值,该循环永远不会结束。该可能致使浏览器崩溃

// do/while 循环
    var i = 3;
    do {
        console.log(i);
        i++;
    }
    while (i<3);
// 输出 3 
// 不管条件是否为真,都先执行一边do内的代码块

 

  -- 接下来比较有趣,咱们说说跳出循环的两种保留字( break / continue)和如何给循环命名。
// 跳出循环
// break 语句用于跳出循环。  // 跳出整个循环.
// continue 用于跳过循环中的一个迭代。 // 跳出当前次循环,进入下一个循环。
例如:--break
    for (var i=0; i<5; i++) {
        if(i == 1){
            break;
        }
        console.log(i)
    }
//   输出 0

--continue
    for (var i=0; i<5; i++) {
        if(i == 1){
            continue;
        }
        console.log(i)
    }
// 输出 0 2 3 4 

  而且咱们能够给循环命名,让 continue 或者 break 跳出指定循环,例如:

var text = "";
var i, j;  // => var i; var j
Loop1: // 第一个循环标签 "Loop1"
for (i = 0; i < 3; i++) {
text += "i = " + i + ", j = ";

    Loop2: // 第二个循环标签 "Loop2"
    for (j = 10; j < 15; j++) {
        if (j == 12) {
            break Loop1;
        }
        console.log( text += j + " " );
    }
}

// 第一次输出   i = 0, j = 10 
// 第二次输出   i = 0, j = 10 11  

  这里咱们给第一个循环定义了一个名字,叫 Loop1 ,注意,这里给循环定义的名字和 var 定义变量丝绝不冲突,例如:

var Loop1 = 999;
Loop1 : for (var i = 0; i < 3; i++) {
    console.log(Loop1)
}

// 定义了Loop1,输出的会是三次999

可是若是不定义变量Loop1,将会抛出错误,只要break和continue可使用
Loop1 :
for (var i = 0; i < 3; i++) { console.log(Loop1) } // Loop1 is not defined

  !!!注意的是,continue只能用于循环,可是咱们的break可不止这些,还能跳出代码块,例如:(给某一块代码命名)

cars=["BMW","Volvo","Saab","Ford"];

list: {
    console.log( cars[0] );    // BMW
    console.log( cars[1] );    // Volvo
    console.log( cars[2] );    // Saab
    break list; // 跳出list标签-代码块
    console.log( cars[3] );
    console.log( cars[4] );
    console.log( cars[5] );
}
console.log(list)    // list is not defined
console.log(typeof list) // undefiled

  用法是咱们可使用名字xxx:{}去定义一整个代码块,当条件合适的时候跳出,注意,list 不是变量,你在先后定义一个同名变量并不会将之覆盖,如今的写法只是定义了

花括号内的这一块代码块的名字而已。

 
  睡觉觉~~~下一节说一说 in 操做符,预告:
  in 语句分单独使用和for-in循环中使用,在单独使用时, in 操做符会在经过对象可以访问给定属性时返回 true ,不管该属性存在于实例中仍是原型中。
  
var mycar = {make: "Honda", model: "Accord", year: 1998};
console.log("make" in mycar)  // 返回true
console.log("model" in mycar) // 返回true
console.log("Honda" in mycar) // 返回false 不是属性名
相关文章
相关标签/搜索