严格模式use strict

一时失言乱红尘 2021-11-27 07:04 258阅读 0赞

**严格模式(strict mode)，**只有在代码首部加入字符串  "use strict"。必须在全局首部或函数首部即首部指其前面没有任何有效js代码除注释，否则无效。

### 一、ES5中的严格模式 ###

**1、call、apply：**

非严格模式下，接收的第一个参数是空或undefined、null，this会指向window，node中this指向global；

严格模式下，this接收到的是什么，就指向什么，比如undefined、null。

具体可看：[深入理解call、apply、bind][call_apply_bind]

**2. Object.preventExtensions(obj)**，ES5新语法，IE9+，使对象obj不可拓展，即添加新的属性或方法不成功，但是不会报错

**严格模式下，添加新的属性或方法会报错。**

**3. caller和callee**

**严格模式下caller和callee被禁用！**

**caller**是函数名的属性，指向该函数的父函数的函数体。即a函数中包含b函数，b函数包含c函数，c.caller就是b，b.caller就是a，a.caller 是null。

说明：对于函数来说，caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的，那么 caller 包含的就是 null 。

**callee**是arguments的属性，arguments.callee，指向函数本身的函数体，

function a() {
                console.log(arguments.callee);
            }
            a();

结果：

![20190724152517523.png][]

**应用场景**：caller用来查看父函数体，感觉没啥用；callee用在匿名函数中，比如：递归函数

var a = function(num) {
               if(num == 1) {
                    return 1
                }
                return num * arguments.callee(num -1); 
            }
            console.log(a(3));

结果打印出6；

**4. eval（）函数**

**严格模式下，eval（）函数内也要进行申明！**

eval函数用法：

**（1）eval（）函数接收一个参数，如果该参数不是字符串，**则直接返回该参数；若是字符串，将字符串当成语句执行，如果执行的结果是一个值，将该值返回，若不是一个值，返回undefined；

var a = 1;
            var str1 = "a + 2"; // 字符串
            var str2 = "{'name': 'zhu', 'age':23}" // JSON格式
            var str3 = true; //Boolean，除了字符串可以是其他类型的值
            var str4 = "var b = 3"; //是字符串，但执行结果不是一个值(值的类型有六种)
            console.log(eval(str1));  //3
            console.log(eval('('+str2+')')); // 对象
            console.log(eval(str3)); // true
            console.log(eval(str4));  //undefined

**（2）eval()函数可以将JSON格式转换为对象**

上述第2个例子中，就是将JSON转换为对象

JSON方法：

**（3）eval内变量所在的作用域，是eval函数所在的作用域。**

情况1：
            console.log(eval("var x=1;y=4;x+y;")); 作用域是window，结果是5
            console.log(x);    作用域是window，结果是1
    
            情况2：
            function test() {
                console.log(eval("var x=1;y=4;x+y;"));   作用域是test，结果是5
            }
            test();
            console.log(x);   作用域是window，结果未定义。

此处可见：**非严格模式下**，作用域有函数作用域和全局作用域；**在严格模式下**，eval函数内也是作用域，且内部的变量也要按严格模式进行申明，使用。

"use strict";
            console.log(eval("var x=1;var y=4;x+y;"));  结果是：5
            console.log(x);   结果是：x未定义

5. with()被禁用:with 语句用于设置代码在特定对象中的作用域。with 语句是运行缓慢的代码块，尤其是在已设置了属性值时。大多数情况下，如果可能，最好避免使用它。

6. 严格模式下，必须先申明后使用，通过var let const先申明后使用。

7. 八进制表示法被禁用

8. 对象属性、函数形参都不能重名。

**9. arguments严格定义为参数，不再与形参绑定。**非严格模式下，arguments\[0\]、arguments\[1\]...与形参接收的实参的值一一对应，并且有值的形参和arguments可以相互修改。严格模式下，不关联，即修改了形参或arguments，对应的arguments和形参值不相应的修改。

10.ES6里新增的关键字不能当做变量标示符使用，如implements, interface, let, package, private, protected, public, static, yield

**11.  call、apply、bind改变this指向**

call：改变this指向，传入实参并执行。例如：B.call(A, args1,args2);即A对象调用B对象的方法。

apply：改变this指向，实参以数组形式传入并执行。例如：B.apply(A, arguments);即A对象应用B对象的方法。

bind:改变函数this指向后，选择执行。

浏览器环境或者非严格模式下，如果传入的对象是`null`或者`undefined`，则this将会指向全局对象`window`，如果是其他环境，如node，this则指向`global`

### 二、ES6中的严格模式 ###

**1、导入和导出（import和export）**

默认import导入的js文件在严格模式下运行

具体可看：[ES6模块化——import和export][ES6_import_export]

**2、 Proxy对象的set陷阱函数**

set函数返回值为true时，设置属性值生效。

非严格模式下，返回false，设置属性值不生效；

严格模式下，返回false，抛出错误！

[call_apply_bind]: https://blog.csdn.net/zyz00000000/article/details/109675986
[20190724152517523.png]: /images/20211126/edf65ea2029841cba1268e956f61e32c.png
[ES6_import_export]: https://blog.csdn.net/zyz00000000/article/details/109508276