关于严格模式“use strict”的理解

81 阅读 0 评论 54 点赞

我是靠谱客的博主寂寞樱桃，最近开发中收集的这篇文章主要介绍关于严格模式“use strict”的理解，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.介绍
除了正常运行模式，ES 5中添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。以“use strict”为标志。

2.为什么用严格模式

消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
消除代码运行的一些不安全之处，保证代码运行的安全；
提高编译器效率，增加运行速度；
为未来新版本的Javascript做好铺垫。

“严格模式”体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它。

3.严格模式的缺点
同样的代码，在”严格模式”中，可能会有不一样的运行结果；一些在”正常模式”下可以运行的语句，在”严格模式”下将不能运行。

4.严格模式的调用

4.1 针对单个脚本

 <script>
　　　　"use strict";
　　　　console.log("这是严格模式。");
　　</script>

4.2针对单个函数

function strict(){
　　　　"use strict";
　　　　return "这是严格模式。";
　　}
　　function notStrict() {
　　　　return "这是正常模式。";
　　}

5.语法与行为改变
严格模式对Javascript的语法和行为，都做了一些改变。
5.1全局变量显式声明
在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种用法，全局变量必须显式声明。

"use strict";
　　v = 1; // 报错，v未声明
　　for(i = 0; i < 2; i++) { // 报错，i未声明
　　}

因此，严格模式下，变量都必须先用var命令声明，然后再使用。

5.2禁止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未定义

5.3禁止删除变量
严格模式下无法删除变量。只有configurable设置为true的对象属性，才能被删除。

"use strict";
　　var x;
　　delete x; // 语法错误
　　var o = Object.create(null, {'x': {
　　　　　　value: 1,
　　　　　　configurable: true
　　}});
　　delete o.x; // 删除成功

5.4对象不能有重名的属性
正常模式下，如果对象有多个重名属性，最后赋值的那个属性会覆盖前面的值。严格模式下，这属于语法错误。

"use strict";
　　var o = {
　　　　p: 1,
　　　　p: 2
　　}; // 语法错误

5.5函数不能有重名的参数
正常模式下，如果函数有多个重名的参数，可以用arguments[i]读取。严格模式下，这属于语法错误。

　"use strict";
　　function f(a, a, b) { // 语法错误
　　　　return ;
　　}

其他限制如下：
- 严格模式下, delete运算符后跟随非法标识符(即delete 不存在的标识符)，会抛出语法错误；非严格模式下，会静默失败并返回false
- 严格模式中，对象直接量中定义同名属性会抛出语法错误；非严格模式不会报错严格模式中，函数形参存在同名的，抛出错误；非严格模式不会
- 严格模式不允许八进制整数直接量（如：023）
- 严格模式中，arguments对象是传入函数内实参列表的静态副本；非严格模式下，arguments对象里的元素和对应的实参是指向同一个值的引用
- 严格模式中 eval和arguments当做关键字，它们不能被赋值和用作变量声明
- 严格模式会限制对调用栈的检测能力，访问arguments.callee.caller会抛出异常严格模式
- 变量必须先声明，直接给变量赋值，不会隐式创建全局变量，不能用with, 严格模式中 call apply传入null
undefined保持原样不被转换为window