谈谈JavaScript中严格模式你应该遵照的那些事

严格模式

首先来了解一下严格模式是什么？
严格模式是JavaScript中的一种限制性更强的变种方式，不是一个子集：它在语义上与正常代码有明显的差别，不支持严格模式的浏览器与支持严格模式的浏览器行为上也不同，因此不要在未经严格模式特性测试状况下使用严格模式，严格模式能够与非严格模式共存，因此脚本能够逐渐的选择性加入严格模式

• 严格模式的目的

首先，严格模式会将JavaScript陷阱直接变成明显的错误，其次，严格模式修正了一些引擎难以优化的错误：一样的代码有些时候严格模式会比非严格模式下更快，第三，严格模式禁用了一些有可能在将来版本中定义的语法

• 全局开启严格模式

在JavaScript中想要开启严格模式，须要在全部代码以前，定义一个不会赋给任何变量的字符串：

'use strict';//或者"use strict"

若是以前的JavaScript是非严格模式的话，建议不要盲目为这段代码开启严格模式，这样可能会出现问题，建议按一个个函数去开启严格模式
也能够为某个指定的函数开启严格模式：

//函数外部依旧是非严格模式
function fun(){
    'user strict';//开启严格模式
}

在匿名函数中使用严格模式，至关于在全局开启严格模式的变通实现方式

(function(){
    'use strict';//开启严格模式
})();

• 禁止意外建立变量

在严格模式下，不容许意外建立全局变量
下例代码是非严格模式下意外建立全局变量

//未声明的变量
result='这是一个没用var声明的全局变量';

下例代码是严格模式下意外建立全局变量

'use strict';//开启严格模式
//严格模式下，意外建立全局变量，抛出ReferenceError
message='this is message';//ReferenceError: result is not defined

• 静默失败转为异常

静默失败就是既不报错也没有任何效果，例如改变常量的值，在严格模式下，静默失败会转换成抛出异常，注意：这个分浏览器，有些浏览器会，有些不会
下例代码是非严格模式下的静默失败

const PI=3.14;
PI=1.14;//静默失败
console.log(PI);//3.14

下例代码是严格模式下的静默失败

'use strict';//开启严格模式

const PI=3.14;
PI=1.14;//抛出TypeError错误

• 禁用delete关键字

在严格模式下，不能对变量使用delete运算符
下例代码是非严格模式下使用delete运算符，结果会静默失败

var color='red';
delete color;

下例代码是严格模式下使用delete运算符，结果会抛出异常

'use strict';//开启严格模式

var color='red';
delete color;//SyntaxError: Delete of an unqualified identifier in strict mode.

• 对变量名的限制

在严格模式下，JavaScript对变量名也有限制，特别不能使用implements,interface,let,packge,private,protected,public,stalic,yield这些内容做为变量名，它们都是保留字，在ECMAScript的下一个版本中可能会用到它们，在严格模式下，使用这些标识符做为变量名会致使语法错误

• 不可删除的属性

在严格模式下，不能使用delete运算符删除不可删除的属性
下例代码是非严格模式下使用delete运算符删除不可删除的属性，结果是静默失败

delete Object.prototype;

下例代码是严格模式下使用delete运算符删除不可删除的属性，结果会抛出异常

'use strict';//开启严格模式
delete Object.prototype;//TypeError: Cannot delete property 'prototype' of function Object() { [native code] }

• 属性名必须惟一

在严格模式下，一个对象的全部属性名在对象内必须惟一
下例代码是非严格模式下重名属性是容许的，最后一个重名的属性决定其属性值

var o={p:1,p:2};

下例代码是严格模式下重名属性被认为是语法错误

'use strict';//开启严格模式
var o={p:1,p:2};//不报错可是语法错误

• 只读属性的赋值

在严格模式下，不能为一个只读的属性进行从新赋值
下例代码是非严格模式为只读属性从新赋值，结果会静默失败

var obj={};
Object.defineProperty(obj,'name',{
    value:'张三',
    writable:false
});//将属性设置为只读
obj.name='李四';

下例代码是严格模式下为只读属性从新赋值，结果会抛出异常

'use strict';//开启严格模式
var obj={};
Object.defineProperty(obj,'name',{
    value:'张三',
    writable:false
});//将属性设置为只读
obj.name='李四';//TypeError: Cannot assign to read only property 'name' of object '#<Object>'

• 不可扩展的对象

在严格模式下，不能为不可扩展的对象添加新属性
下例代码是非严格模式为不可扩展的对象添加新属性，结果会静默失败

var obj={};
Object.preventExtensinons(obj);//将对象设置为不可扩展
obj.name='张三';

下例代码是严格模式下不可扩展的对象添加新属性，结果会抛出异常

'use strict';//开启严格模式

var obj={};
Object.preventExtensions(obj);//将对象变得不可扩展
obj.name='张三';//TypeError: Cannot add property name, object is not extensible

• 参数名必须惟一

在严格模式下，要求命名函数的参数必须惟一
下例代码是非严格模式下最后一个重名参数名会掩盖以前的重名参数，以前的参数仍然能够经过arguments[i]来访问

function sum(a,a,c){}

下例代码是严格模式下重名参数被认为是语法错误

function sum(a,a,c){//语法错误
    'use strict';
    return a+a+c;//代码运行到这里会出错：SyntaxError: Duplicate parameter name not allowed in this context
}

• arguments的不一样

在严格模式下，arguments对象的行为也有所不一样
1.非严格模式下，修改命名参数的值也会反应到arguments对象中
2.严格模式下，命名参数与arguments对象是彻底独立的

function fun(value){
    value='haha';
    console.log(value);//haha
    console.log(arguments[0]);//非严格模式下 hah
                              //严格模式下 hello
}

showValue('hello');
``

 - arguments.callee()
在严格模式下，不能使用arguments对象的callee()方法
下例代码是非严格模式下使用arguments对象的callee()方法，表示调用函数自己

var f=function(){

return arguments.callee;

};
f();

下例代码是严格模式下使用arguments对象的callee()方法，结果会抛出异常

'use strict';//开启严格模式
var f=function(){

return arguments.callee;

}
f();/TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them/

- 函数声明的限制
在严格模式下，只能在全局域和函数域中声明函数
下例代码非严格模式下在任何位置声明函数都是合法的

if(true){

function f(){}

}

下例是严格模式下在除全局域和函数域中声明函数是语法错误

'use strict';//开启严格模式
if(true){

function f(){}//语法错误,可是不报错

}

- 增长eval做用域
在严格模式下，使用eval()函数建立的变量只能在eval()函数内部使用
下例代码是非严格模式下eval()函数建立的变量在其余位置可使用

eval('var n=40');
console.log(n);//40

下例代码是严格模式下eval()函数建立的变量只能在eval()函数内部使用

'use strict';//开启严格模式
eval('var n=40');
console.log(n);//ReferenceError: n is not defined

- 禁止读写
在严格模式下，禁止使用eval()和arguments做为标识符，也不容许读写它们的值
1.使用var声明
2.赋予另外一个值
3.尝试修改包含的值
4.用做函数名
5.用做命名的函数的参数
6.在try...catch语句中用做例外名
在严格模式下，如下全部尝试将致使语法错误：

'use strict';//开启严格模式
eval=17;
arguments++;
++eval;
var obj={set p(arguments){}};
var eval;
try{}catch(arguments){}
function x(eval){}
function argunments(){}
var y=function eval(){}
var f=new Function('arguments','"use strict";return 20;');

- 抑制this
在非严格模式下使用函数apply()或call()方法时，null或undefined值会被转换为全局对象
在严格模式下，函数的this值始终是指定的值(不管什么值)。

var color='red';
function sayColor(){

console.log(this.color);//非严格模式下 red
                    /*严格模式下：TypeError: Cannot 
                     read property 'color' of null*/

}