美文网首页前端开发
【JS】JavaScript的严格模式('use strict'

【JS】JavaScript的严格模式('use strict'

作者: LouisDrink | 来源:发表于2021-03-26 17:24 被阅读0次

    什么是严格模式

    "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
    它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。
    "use strict" 的目的是指定代码在严格条件下执行。
    严格模式下你不能使用未声明的变量。

    支持严格模式的浏览器:
    Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。

    如何使用严格模式

    严格模式的使用,只需要在脚本或者函数的头部加入如下代码即可:
    'use strict'

    严格模式有什么优点与缺点

    优点
    • 自动检查JavaScript中一些不严谨、不合理的代码与用法,以及一些可能不安全的隐患处,保证代码的稳定性
    • 自动检查未声明变量、重复参数等等节约开发排错时间,使调试更加容易
    缺点
    • 现在网站的 JS 都会进行压缩,一些文件用了严格模式,而另一些没有。这时这些本来是严格模式的文件,被 merge 后,这个串就到了文件的中间,不仅没有指示严格模式,反而在压缩后浪费了字节。
      (缺点的说法来源于网络资料,实际性尚未验证)

    严格模式的主要限制

    • 不允许使用未声明的变量
    "use strict";
    x = 3.14;       // 报错 (x 未定义)
    
    • 不允许删除变量或对象
    "use strict";
    var x = 3.14;
    delete x;                // 报错
    
    • 不允许删除函数
    "use strict";
    function x(p1, p2) {};
    delete x;                // 报错 
    
    • 不允许变量重名
    "use strict";
    function x(p1, p1) {};   // 报错
    
    • 不允许使用八进制
    "use strict";
    var x = 010;             // 报错
    
    • 不允许使用转义字符
    "use strict";
    var x = \010;            // 报错
    
    • 不允许对只读属性赋值
    "use strict";
    var obj = {};
    Object.defineProperty(obj, "x", {value:0, writable:false});
    
    obj.x = 3.14;            // 报错
    
    • 不允许对一个使用getter方法读取的属性进行赋值
    "use strict";
    var obj = {
      get x() { return 0 } 
    };
    
    obj.x = 3.14;            // 报错
    
    • 不允许删除一个不允许删除的属性
    "use strict";
    delete Object.prototype; // 报错
    
    • 变量名不能使用 "eval" 字符串
    "use strict";
    var eval = 3.14;         // 报错
    
    • 变量名不能使用 "arguments" 字符串
    "use strict";
    var arguments = 3.14;    // 报错
    
    • 不允许使用以下这种语句
    "use strict";
    with (Math){x = cos(2)}; // 报错
    
    • 由于一些安全原因,在作用域 eval() 创建的变量不能被调用
    "use strict";
    eval ("var x = 2");
    alert (x);               // 报错
    
    • 禁止this关键字指向全局对象
    function f(){
        return !this;
    } 
    // 返回false,因为"this"指向全局对象,"!this"就是false
    
    function f(){ 
        "use strict";
        return !this;
    } 
    // 返回true,因为严格模式下,this的值为undefined,所以"!this"为true。
    
    • 为了向将来Javascript的新版本过渡,严格模式新增了一些保留关键字
      1. implements
      2. interface
      3. let
      4. package
      5. private
      6. protected
      7. public
      8. static
      9. yield

    (以上信息多数参考于https://www.runoob.com/js/js-strict.html

    相关文章

      网友评论

        本文标题:【JS】JavaScript的严格模式('use strict'

        本文链接:https://www.haomeiwen.com/subject/vszjhltx.html