你不知道的 js 保留字

更新日期: 2018-08-27 阅读: 2.7k 标签: js知识

一、保留字的分类:

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

① :基础保留字: 这类保留字是最常用也是最常用到的,如:for、belete、void 等。

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

③ :严格模式下的不完全保留字: 如:arguments、eval ;

④ :ECMAScript3的保留字:如果你希望你的代码运行在基于ECMAScript 3 的解析器上,那么你应该了解一下。

⑤ :ECMAScipt 5 的保留字:class、const 等

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

 

二、基础保留字:

全部的基础保留字:

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 这三个
var n;
    switch (n) {
        case 2: // ==> if ( n === 2 )
            console.log(1)
        break;
        case '2':
            console.log(2)
        break;
        default:
        console.log('n与上面case的值都不相等时执行 default 内的代码块')
    }

switch 基础


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

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 不是变量,你在前后定义一个同名变量并不会将之覆盖,现在的写法只是定义了


 来源:https://www.cnblogs.com/csxairou/archive/2018/08/26/9539301.html
 

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/1032

相关推荐

js判断日期是否为今天

需求如下:后端返回字符串数据,需要前端判断该日期是否为今天。比如返回日期格式为:2018-08-14,那么需要如何来实现呢,这篇文章整理实现的几种方式供大家参考。

WebSocket的原理及WebSocket API的使用,js中如何运用websocket

WebSocket是HTML5下一种新的协议,为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接

原生js实现数字三位逗号,分隔。js实现支持逗号分割的货币格式表示法总汇

javascript实现数字三位逗号分隔,如把123456.78转换为123,456.78。js实现支持货币格式表示法:toLocaleString在将数字转换为字符串的同时,会使用三位分节法进行显示。slice 方法用于截取字符串中的一部分并返回该部分字符串。match方式代表正则表达式的匹配....

原生js获取当前周数

通过原生Js根据日期获取对应日期的周数,例如今天是2018-01-01那么获取该日期在这一年的周数就为1,有需要的朋友可以参考下。

JavaScript弹框、对话框、提示框方法,以及原创JS模拟Alert弹出框效果

通过js实现网页弹出各种形式的窗口,常用的:弹出框、对话框、提示框等。弹出对话框并输出一段提示信息 、弹出一个询问框,有确定和取消按钮 ,利用对话框返回的值 (true 或者 false) 、弹出一个输入框,输入一段文字,可以提交、window.open 弹出新窗口的命令

js可以设置网页默认为横屏状态吗?js设置网页横屏和竖屏切换

打开页面时通过 window.orientation 可以判断网页是横屏还是竖屏,如果是竖屏,给整个页面添加样式 transform: rotate(90deg); 这样,你的页面就显示横屏的效果了。 总的来说,结合window.orientationchange和window.orientation可以灵活的对网页进行变换。

js中&与&&,|与||的区别

&、|、~都是位操作符,而&&、|、~|都是逻辑操作!。&&是逻辑与运算符假前真后,||是逻辑或运算符真前假后,&是按位与操作两个数值的个位分别相与,同时为1才得1,只要一个为0就为0。

原生js判断当前页面是否为激活状态【判断用户是否在浏览当前页面】

但浏览器打开多个网页时候,如何判断我这个页面是否正在被用户浏览呢?我们可以通过document.hidden属性判断当前页面是否是激活状态。

javascript对dom的操作总汇,js创建,更新,添加,删除DOM的方法

HTML文档在浏览器解析后,会成为一种树形结构,我们需要改变它的结构,就需要通过js来对dom节点进行操作。dom节点(Node)通常对应的是一个标题,文本,或者html属性。

js秒数转换成时分秒_js如何将秒拼接为时分秒显示?

接口返回的是int类型的秒数,在前端显示要求拼接为时分秒显示,这篇文章主要讲解实现js秒数转换成时分秒的方法。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!