关于Javascript的严格模式

关于Javascript的严格模式

date : *2017.09.01
在我们看别人源码的时候，经常能看到下这两种代码：

function method() {
    'use strict';
    // do something
}

'use strict';
function method() {
    // do something
}

那么这个字符串 ‘use strict’ 是做什么用的呢？

所谓严格模式，顾名思义就是让Javascript在更严格的条件下运行，目的如下；

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

像上面的示例代码，进入严格模式只需要在函数内部加上 use strict 即可以让该函数进入严格模式，当然，如果你希望整个脚本都在严格模式下运行，你可以在脚本第一行全局加上 use strict （注意，这里必须得是脚本文件的第一行） 这个就能让你的整个脚本进入严格模式。

那么加了严格模式会不会不兼容其他版本浏览器呢？

严格模式在高版本的浏览器中遇到 use strict 会直接进入严格环境，但是遇到老版本的浏览器，它会把 use strict 当成一行普通的字符串，加以忽略，从而进入JS的普通模式，所以不存在浏览器的兼容问题。

严格模式下的应用场景

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

有些人喜欢偷懒，比如：

x = 1;
console.log(x)  //1

普通模式下有些人喜欢直接给变量名赋值，到了变量都懒得申明的那种（虽然我平时也喜欢这样#滑稽脸），这虽然能够声明一个全局变量，但是到了严格模式，啧啧…

'use strict'
x = 1;  
//Uncaught ReferenceError

所以，在严格的模式下，变量必须要声明，let const var 不管你用哪个，总之规则就是这样。

• 禁止使用with

在我们普通模式下写一个with语句的时候:

!function(){
    var a = {
        x : "hello world !"
    } 
    with(a){
        console.log(a)  //hello world !
    }
}();

但是到了严格模式下：

!function(){
    'use strict';
    var a = {
        x : "hello world !"
    } 
    with(a){
        console.log(a)  
        //Uncaught SyntaxError: Strict mode code may not include a with statement
    }
}();

• arguments变为参数的静态副本

普通模式下，这里的a和arguments[0]是有相互的绑定关系的,如果我们修改了argument[0]的值，那么对应的a也会被跟着修改；

!function(a){
    argument[0] = 2;
    console.log(a)
}(1);
// 2

但是在严格模式下，arguments已经变成了参数的静态副本，不管你a传或者是不传，都不会和arguments相互影响。

!function(a){
    'use strict';
    argument[0] = 2;
    console.log(a)
}(1);
// 1

但是，如果参数a传入的是一个对象的话，那么用arguments修改对象的属性的话，那么还是会和普通模式一样相互影响的。

!function(a){
    'use strict';
    argument[a.hello] = "change world!";
    console.log(a.hello)
}({hello:"hello world!"});
// change world!

• delete参数，函数名报错

在正常的模式下，如果尝试去delete一个参数的话，一般来说是没有什么意义，会返回一个false，并且删除不成功；

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

但是在严格模式下，如果你这样写，它会直接报一个Uncaught SyntaxError

!function(a){
    'use strict';
    delete a;
}(1)
//Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.

• delete不可配置的属性报错

我一片文章写过 Object.defineProperty() 这个方法，里面有三个参数，其中当 configurable 的值为 false 的时候，说明不可以删除(再次修改)目标属性以及属性的特性（writable, configurable, enumerable），不能被删除或不可以重新设置特性，不能被删除或不能重新设置特性，直接上代码。

//普通模式
!function(a){
    var obj = {};
    Object.defineProperty(obj,"hello",{
        configurable:false
    })
    console.log(delete obj.hello)
}(1);
// false

//严格模式
!function(a){
    'use strict';
    var obj = {};
    Object.defineProperty(obj,"hello",{
        configurable:false
    })
    console.log(delete obj.hello)
}(1);
// Uncaught TypeError

• 禁止八进制字面量

这个较为好理解，直接上代码

//普通模式
!function(){
    console.log(0123)
}()
// 83

//严格模式
!function(){
    'use strict';
    console.log(0123);
}()
// Uncaught SyntaxError: Octal literals are not allowed in strict mode.

• eval独立作用域

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

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

其实严格模式下还有许多属于它自己的规则，总的来说严格模式它就是一种特殊的运行模式，修复了部分语言上的不足，提供了更强的错误检查，并且增强了安全性。