美文网首页
严格模式

严格模式

作者: 为什么要简称 | 来源:发表于2019-11-16 20:10 被阅读0次

    ES5新增了严格模式(strict mode),严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。

    严格模式对正常的JavaScript语义做了一些更改:
    1.消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
    2.消除代码运行的一些不安全之处,保证代码运行的安全;
    3.提高编译器效率,增加运行速度;
    4.为未来新版本的Javascript做好铺垫。
    禁用了ECMAScript的未来版本中可能会定义的一些语法,比如一些保留字如:class, enum, export, extends, import, super不能做变量名

    "严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。

    另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。

    开启严格模式

    严格模式可以应用到整个脚本或个别函数中。因此在使用时,我们可以将严格模式分为为脚本开启严格模式和为函数开启严格模式两种情况。

    使用 "use strict" 指令开启严格模式
    "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。

    它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。

    //为script全局开启严格模式
    <script>
      'use strict';
    </script>
    
    //为脚本开启严格模式
    <script>
      (function(){
        'use strict';
        ...
      })();
    </script>
    
    //为某个函数开启严格模式
    <script>
      funtion fn(){
        'use strict';
        ...
      }
    </script>
    

    严格模式的限制

    不允许使用未声明的变量
    "use strict";
    x = 3.14;                // 报错 (x 未定义)
    
    对象也是一个变量
    "use strict";
    x = {p1:10, p2:20};      // 报错 (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。
    

    因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错。

    function f(){
      "use strict"; 
      this.a =  1;  
    }; 
    f();
    // 报错,this未定义
    

    相关文章

      网友评论

          本文标题:严格模式

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