严格模式是在 ECMAScript5(ES5)中引入的,在严格模式下,JavaScript 对语法的要求会更加严格,一些在正常模式下能够运行的代码,在严格模式下将不能运行。
添加严格模式,主要有以下几个目的:
- 消除 JavaScript 语法中一些不合理、不严谨的地方;
- 消除代码中一些不安全的地方,保证代码的安全运行;
- 提高 JavaScript 程序的运行效率;
- 为以后新版本的 JavaScript 做好铺垫。
为脚本开启严格模式
为整个脚本文件开启严格模式,需要在所有语句之前放一个特定语句 "use strict"; (或 'use strict';)
javascript
// 整个脚本都开启严格模式的语法
"use strict";
var v = "Hi! I'm a strict mode script!";
为函数开启严格模式
同样地,要给某个函数开启严格模式,得把 "use strict"; (或 'use strict'😉 声明一字不漏地放在函数体所有语句之前。
javascript
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声明的变量默认转为全局变量。但在严格模式中将不允许,会报语法错误。
javascript
'use strict'
g = 100 //错误
- 比如for循环
javascript
'use strict'
for (i=0; i<5; i++) { //错误
console.log(i)
}
- 任何使用'eval'的操作都会被禁止
javascript
'use strict'
var obj = {}
var eval = 3
for (var eval in obj) {}
function eval() {}
function func(eval) {}
- eval作用域 JS中作用域有两种,全局作用域和函数作用域。严格模式带来了第三种作用域:eval作用域,如下
javascript
'use strict'
var a = 10
eval('var a = 20; console.log(a)'); //20
console.log(a) //10
- with被禁用
javascript
'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。而在严格模式中这些写法将直接报错
javascript
'use strict'
if (true) {
function func1() { } // 语法错误
}
for (var i = 0; i < 5; i++) {
function func2() { } // 语法错误
}
- call/apply的第一个参数为null/undefined时,this为null/undefined 这里以call来示例
javascript
'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。
javascript
'use strict'
function func() {
console.log(this)
}
var f1 = func.bind(null)
var f2 = func.bind(undefined)
f1() // null
f2() // undefined