javascript 严格模式

客官°小女子只卖身不卖艺 2022-12-23 11:09 194阅读 0赞

> ES5 引入严格模式

### 一、严格模式的使用 ###

> 使用 `"use strict"` 表明脚本或函数开启严格模式

1.  `"use strict"` 声明必须放在第一行，否则将导致严格模式声明无效（严格来说，是必须放在具有实际运行作用的第一行代码前，例如可以放在一个空分号后边）
2.  脚本中
    
        
        <script> 'use strict'; console.log('严格模式') </script>
        <script> console.log('普通模式') </script>
3.  函数中
    
        function strictFunc(){ 
        	'use strict';
        	console.log('严格模式')
        }
4.  更好的方法
    
    > 严格模式声明与严格模式代码均放到**自执行函数内**，有利于**代码合并**
    
        (function (){ 
        	'use strict';
        	// some code here...
        })()

### 二、严格模式的具体影响 ###

> 严格模式对Javascript的语法和行为，都做了一些改变。

##### 1. 全局变量需要显示声明 #####

a = 10;	// 普通模式将声明全局变量，严格模式将报错，声明全局变量必须使用var

##### 2. 静态绑定 #####

1.  [禁用 `with` 语句][_with_]
2.  创建 `eval` 作用域：`eval` 内部声明的变量只能在 `eval` 中使用，不再污染外部作用域

##### 3. this指向 #####

1.  全局function函数的this将不再指向 `window`，而是 `undefined`
    
        function foo(){ 
        	'use strict';
        	console.log(this);
        }
        foo();	// undefined

##### 4. 函数内禁止遍历递归栈 #####

1.  禁用 `funncName.caller`、`funncName.arguments`
    
        function foo(){ 
        	foo.caller;
        	foo.arguments;
        	// 报错
        }
    
    > 补充：
    > 
    > 1.  函数内的 `arguments` 对象还是可以用的，只是函数内的 `funncName.arguments` 不可用
    > 2.  `(function f(){ console.log(f.arguments === arguments) })()`：false

##### 5. 显式报错 #####

1.  数据描述符的 `writable` 属性值为 false 时，赋值将会显式报错
2.  描述符的 `configurable` 属性值为 false 时，`delete` 该属性将会显式报错
3.  使用 `Object.preventExtensions()`禁止对象拓展属性后，新增属性将会显式报错

##### 6. 重命名报错 #####

1.  对象声明重复属性时将显式报错（普通模式后声明属性值会覆盖先声明属性值）
2.  函数参数声明重名参数时将显式报错（普通模式函数内会默认获取后声明参数，或者使用arguments对象按序获取）

##### 7. 禁止数字的八进制表达法 #####

1.  使用类似于 `010` 的八进制表达法将会报错（普通模式下 `010` 的十进制值为8）

##### 8. 函数内arguments对象作限制 #####

1.  禁止对 `arguments` 对象进行赋值
    
        (function (){  'use strict'; arguments = []; console.log(arguments); })(1)
        // Uncaught SyntaxError: Unexpected eval or arguments in strict mode
        
        (function (){  'use strict'; arguments[0] = 2; console.log(arguments[0]); })(1)
        // 2 注意本质是不能修改arguments这个引用(指针)的值
2.  `arguments` 将不再跟踪参数的变化
    
        (function (num){ 
        	'use strict';
        	num = 2;
        	console.log(num, arguments[0])
        })(1)	// 2, 1
        
        (function (num){ 
        	// 普通模式
        	num = 2;
        	console.log(num, arguments[0])
        })(1)	// 2, 2
3.  禁止使用 `arguments.callee`
    
    > 这意味着我们无法在匿名函数内调用自身了

##### 9. 函数声明必须位于顶层 #####

(function (){ 
    	'use strict';
    	a();
    	if(true){ 
    		function a(){ };
    	}
    })()	// Uncaught ReferenceError: a is not defined

> 补充：其实大多现代浏览器也要求函数声明必须位于顶层，否则也会报错

##### 10. 新增一些保留字 #####

1.  implements, interface, let, package, private, protected, public, static, yield
2.  使用保留字作为变量名将会报错

> [转载自：阮一峰Javascript 严格模式详解][Javascript]

[_with_]: https://blog.csdn.net/SJ1551/article/details/110083591
[Javascript]: http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html