JS 严格模式

'use strict' 是在一个严格的模式下

  1. 在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,全局变量必须显式声明。
  2. 静态绑定, 属性和方法到底归属哪个对象,在编译阶段就确定。
    • 禁止使用with语句
    • 正常模式下,Javascript语言有两种变量作用域(scope):全局作用域和函数作用域。严格模式创设了第三种作用域:eval作用域。
      "use strict";
      var x = 2;
      console.info(eval("var x = 5; x")); // 5
      console.info(x); // 2
      
  • 构造函数只要不通过new实例化对象, 那么就会直接报错, 因为undefined无法设置属性

var Cat = function(name) {
this.name = name;
this.say = function() {
console.log(this.name)
}
}
// Cat("yutao"); 非严格模式下, 属性添加到了window对象上
// Cat("yutao"); 严格模式下, this指向undefined, 所以无法添加属性, 会报错

3. 不允许写八进制的数据 var a = 010;

4. jquery不推荐使用 兼容性问题, IE低版本不支持 .NET跟踪出问题, Firefox老版本假死 (18+)
5. 调用形式: 针对单个script标签, 针对单个函数
6. 安全性措施
    + 禁止this关键字指向全局对象
         
       ```js
       'use strict';
       var fn = function() {
             console.log(this)  //禁止指向window对象
       }
       fn();  // 打印出来的是 undefined
       ```
    + 禁止在函数内部遍历调用栈 fn.caller, fn.arguments 将报错
         ```js
        'use strict';
              var fn = function() {
              console.log(fn.arguments.length) // 严格模式下, 不可用
         }
         ```
    + 禁止删除变量var x; delete x; // 语法错误
         ```js
        'use strict';
         var x = 3;
         delete x; // 语法错误
         console.log(x)

         'use strict';
         var obj = {};
         obj.y = 1;
         delete obj.y
         console.log(obj) // 非严格模式下{}, 严格模式下{}

         // 严格模式下, 对禁止扩展的对象添加新属性, 会报错
         Object.preventExtensions(o) //非严格模式下,  不会报错, 扩展属性无效
         ```

 + 显式报错 正常模式下,对一个对象的只读属性进行赋值,不会报错,只会默默地失败。严格模式下,将报错。  
       普通模式下, 如果函数有多个重名参数(解决办法是通过arguments[i]进行调用)
7. 重名错误, 变量和函数都不能重名
8. arguments 不允许对arguments进行赋值 不在追踪参数的变化, 禁止使用arguments,callee()
   ```js
   function f(a) {
  a = 2;
      return [a, arguments[0]];
   }
   f(1); // 正常模式为[2,2]
   function f(a) {
       "use strict";
       a = 2;
       return [a, arguments[0]];
   }
   f(1); // 严格模式为[2,1]
  1. 函数声明必须在顶层
    严格模式只允许在全局作用域或函数作用域的顶层声明函数。也就是说,不允许在非函数的代码块内声明函数。
  2. 增加保留字 (严格模式下使用关键字会报错)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。...
    才気莮孒阅读 201评论 0 1
  • "use strict"使用"use strict"指令的目的是说明(脚本或函数中)后续的代码将会解析为严格代码(...
    80bb3ef13dea阅读 1,497评论 0 6
  • 通过严格模式,可以在函数内部 选择进行较为严格的全局或局部的错误条件检测。使用严格模式的好处是可以提早知道代码中存...
    oWSQo阅读 511评论 0 0
  • JS里有两种运行模式,一种是正常运行模式,平时基本上用的也都是正常模式,另外一种是严格模式,strict mode...
    殷灬商阅读 646评论 0 1
  • 通过这几天的学习稍微能写一些效果了。现在也就会四个事件;选项卡的封装比较好玩。大家有时候可以多发几个。
    张衍涛阅读 143评论 0 0