JavaScript深入浅出之严格模式

最新推荐文章于 2022-10-17 15:32:41 发布

原创最新推荐文章于 2022-10-17 15:32:41 发布 · 189 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #严格模式

JavaScript与数据结构专栏收录该内容

5 篇文章

订阅专栏

本文详细解析了JavaScript严格模式的功能和优点，包括消除语法不合理之处、提高代码安全性、提升运行速度等。同时，介绍了严格模式的声明方式及对代码的多项限制，如禁止使用with语句、未声明变量赋值、改变arguments行为等。

严格模式是一种特殊的执行模式，修复了部分语言上的不足，提供更强的错误检查，并增强安全性。
为什么使用严格模式:

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

严格模式的声明

function func() {
    'use strict';//向上兼容
}

'use strict';//并不一定是第一行的代码
function func(){}

严格模式的限制

1、不允许用with

!function() {
    'use strict';
    with({x: 1}) {
        console.log(x);
    }
}();//SyntaxError语法错误

2、不允许未声明的变量被赋值

!function() {
    'use strict';
    x = 1;
    console.log(window.x);
}();//ReferenceError

3、arguments变为参数的静态副本
arguments和形参没有了绑定关系，但是仍然可以修改参数的属性.

!function(a) {//形参a与arguments[0]有绑定关系
    arguments[0] = 100;
    console.log(a);
}(1);//100
!function(a) {
    arguments[0] = 100;
    console.log(a);
}();//undefined

!function(a) {
    'use strict';
    arguments[0] = 100;
    console.log(a);
}(1);//1
!function(a) {
    'use strict';
    arguments[0].x = 100;
    console.log(a.x);
}({x: 1});//100

4、delete参数，函数名报错（SyntaxError）

!function(a) {
    console.log(delete a);
}(1);//false

!function(a) {
    'use strict';
    delete a;
}(1);//SyntaxError

5、delete不可配置的属性报错

!function(a) {
    var obj = {};
    Object.defineProperty(obj, 'a', {configurable: false});
    console.log(delete obj.a);
}(1);//false,且删除失败

!function(a) {
    'use strict';
    var obj = {};
    Object.defineProperty(obj, 'a', {configurable: false});
    delete obj.a;
}(1);//TypeError

6、对象字面量重复属性名报错

!function() {
    var obj = {x:1, x:2};
    console.log(obj.x);
}();//2，一般模式下合法，属性以最后一个为准

!function() {
    'use strict';
    var obj = {x:1, x:2};
    console.log(obj.x);
}();//SyntaxError

7、禁止八进制字面量

!function() {
    console.log(0123);
}();//83

!function() {
    'use strict';
    console.log(0123);
}();//SyntaxError

8、eval, arguments变为关键字，不能作为变量函数名

!function() {
    function eval(){}
    console.log(eval);
}();//function eval(){}

!function() {
    'use strict';
    function eval(){}
}();//SyntaxError

9、eval独立作用域

!function() {
    eval('var evalVal = 2;');
    console.log(typeof evalVal);
}();//number

!function() {
    'use strict';
    eval('var evalVal = 2;');
    console.log(typeof evalVal);
}();//undefined