JS严格模式（use strict）详解

严格模式是在 ECMAScript5（ES5）中引入的，在严格模式下，JavaScript 对语法的要求会更加严格，一些在正常模式下能够运行的代码，在严格模式下将不能运行。

添加严格模式，主要有以下几个目的：

• 消除 JavaScript 语法中一些不合理、不严谨的地方；
• 消除代码中一些不安全的地方，保证代码的安全运行；
• 提高 JavaScript 程序的运行效率；
• 为以后新版本的 JavaScript 做好铺垫。

为脚本开启严格模式

为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句 “use strict”; （或 ‘use strict’;）

// 整个脚本都开启严格模式的语法
"use strict";
var v = "Hi!  I'm a strict mode script!";

为函数开启严格模式

同样地，要给某个函数开启严格模式，得把 “use strict”; (或 ‘use strict’😉 声明一字不漏地放在函数体所有语句之前。

function strict() {
  // 函数级别严格模式语法
  'use strict';
  function nested() {
    return "And so am I!";
  }
  return "Hi!  I'm a strict mode function!  " + nested();
}

function notStrict() {
  return "I'm not strict.";
}

 

严格模式下的执行限制

• 不使用var声明变量严格模式中将不通过

我们知道JS中，不使用var声明的变量默认转为全局变量。但在严格模式中将不允许，会报语法错误。

'use strict'
g = 100 //错误

• 比如for循环

'use strict'
for (i=0; i<5; i++) {  //错误
    console.log(i)
}

• 任何使用’eval’的操作都会被禁止

'use strict'
var obj = {}
var eval = 3
for (var eval in obj) {}
function eval() {}
function func(eval) {}

• eval作用域 JS中作用域有两种，全局作用域和函数作用域。严格模式带来了第三种作用域：eval作用域，如下

'use strict'
var a = 10
eval('var a = 20; console.log(a)'); //20
console.log(a) //10

• with被禁用

'use strict'
var obj = {
 name:'zhangsan',
 age:100,
 sex:'男'
}
with(obj) {  //报错
    console.log(name);
    console.log(age);
    console.log(sex);
}

• 函数必须声明在顶层
  我们知道函数声明和函数表达式是两个不同的概念。一般函数声明都在最顶层，ES5前的JS宽松，你可以写在if或for内。当然Firefox的解析方式与其他浏览器不同，见SJ9002。而在严格模式中这些写法将直接报错

'use strict'
if (true) {
    function func1() { } // 语法错误
}
for (var i = 0; i < 5; i++) {
    function func2() { } // 语法错误
}

• call/apply的第一个参数为null/undefined时，this为null/undefined 这里以call来示例

'use strict'
function func() {
    console.log(this)
}
func.call(undefined) // undefined
func.call(null)      // null

依次是undefined，null。而非严格模式中则是宿主对象，浏览器里是window，node.js环境则是global。

• bind的第一个参数为null/undefined时，this为null/undefined
  bind是ES5给Function.prototype新增的一个方法，它和call/apply一样在function上直接调用。它返回一个指定了上下文和参数的函数。当它的第一个参数为null/undefined时，情形和call/apply一样，this也为null/undefined。

'use strict'
function func() {
    console.log(this)
}
var f1 = func.bind(null)
var f2 = func.bind(undefined)
f1() // null
f2() // undefined