严格模式和非严格模式区别

严格模式和非严格模式有什么区别：

严格模式对正常的 JavaScript语义做了一些更改。
首先，严格模式通过抛出错误来消除了一些原有静默错误。
其次，严格模式修复了一些导致 JavaScript引擎难以执行优化的缺陷：有时候，相同的代码，严格模式可以比非严格模式下运行得更快。
第三，严格模式禁用了在ECMAScript的未来版本中可能会定义的一些语法。

上文引用了MDN对严格模式的描述

---

1.变量必须声明才能使用（在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种写法）

2.禁止使用with语句（因为with语句无法在编译时就确定，属性到底归属于哪个对象，严格模式有利于编译效率提高）

3.创建eval作用域（正常模式下，js有两种变量作用域，全局作用域和局部作用域，正常模式下eval语句作用域取决于它处于全局作用域还是函数作用域，严格模式下eval语句本身就是作用域，不能够生成全局变量，所生成的变量只能用于eval内部）

4.禁止this关键字指向全局对象(严格模式下全局作用域中定义的函数中的this为undefined)。例如：

 function f(){
   return !this; //返回的是false，因为this指向的是全局对象，!对象 == false
 }
 function f(){
   "use strict"
   return !this; //返回的是true，因为严格模式下，this的值为undefined，!undefined == true
 }

5.禁止在函数内部遍历调用栈( caller:调用当前函数的函数的引用，即外层函数的引用； )

function f1(){
    "use strict";
    f1.caller; //报错
    f1.arguments; //报错
}
f1();

6.严格模式下无法删除变量。只有conifgurable设置为true的对象属性才能被删除

"use strict"

var x ;

delete x; //严格模式下报语法错误

var o = Object.create(null,{'x':{

    value: 1,

    configurable: true

}})

delete o.x; //删除成功

7.显示报错（正常模式下对一个对象的只读属性进行赋值，不会报错，只会默默失败。严格模式下将报错）

"use strict";

var o = {};

Object.defineProperty(o,"v",{value: 1,writable: false});

o.v = 2; //报错，因为o.v属性是不能被修改的，严格模式会报错，正常模式会失败但不报错

8.严格模式下，对禁止扩展的对象添加新属性，会报错

"use strict";

var o = {};

Object.preventExtensions(o);//禁止o对象有拓展属性

o.v = 1; //报错

9.严格模式下，删除一个不可删除的属性，报错

"use strict";
delete Object.prototype; //报错

10.对象拥有多个同名属性，严格模式报错。正常模式会默认值为最后一个

11.函数不能有重名的参数，严格模式会报错，正常模式可以通过arguments[i]来获取对应的参数

12.禁止八进制写法，正常情况下整数第一位为0代表八进制，严格模式下整数第一位为0则报错

13.不准对arguments赋值

14.严格模式下的arguments不在追踪参数的变化

function fn(a){
    a=2;
    return [a,arguments[0]];
}
fn(1); //正常模式返回值 [2,2]
"use strict"
function fn(a){
    a = 2;
    return [a,arguments[0]];
}
fn(1); //严格模式返回值 [2,1] 参数传进来是多少就是多少，arguments不会变化

15.禁止使用arguments.callee（无法在匿名函数内部调用自身了。arguments.callee指向的就是该函数本身）

var f = function (){
    return arguments.callee;
}
f(); //报错

总结：推荐使用严格模式，因为能让代码更规范，也更利于后期的维护和排除错误。更加严谨。