除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。
为什么提出严格模式
- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
- 消除代码运行的一些不安全之处,保证代码运行的安全;
- 提高编译器效率,增加运行速度;
- 为未来新版本的Javascript做好铺垫。
"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。
另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。所以有必要知道里面具体有哪些要求!
首先,如何启用严格模式
使用use strict
这条语句即可
<script>
"use strict";
console.log("这是严格模式。");
</script>
需要注意的是,严格模式的声明必须放在脚本的第一行,否则整个脚本将会以正常模式运行。
除了这种全局的严格模式,还可以声明在函数里面,即局部的严格模式,很多时候局部的严格模式还比较常见。
注意:在函数里面声明严格模式,严格模式只对此函数内的代码起作用
function strict(){
"use strict";
return "这是严格模式。";
}
function notStrict() {
return "这是正常模式。";
}
接下来我们一一介绍严格模式都做了哪些规范:
- 变量必须先声明后使用
不存在暗示全局变量这种东西了
<script>
"use strict";
a = 1; //报错
</script>
- 函数参数不能有同名属性,否则报错
正常模式下,如果函数有多个重名的参数,可以用arguments[i]读取。严格模式下,这属于语法错误。
"use strict";
function f(a, a, b) { // 语法错误
return ;
}
- 不能使用with
with用于改变代码块内的的作用域,将其设置为某个对象
function Lakers() {
this.name = "kobe bryant";
this.age = "28";
this.gender = "boy";
}
var people=new Lakers();
with(people){
var str = "姓名: " + name + "<br>"; //直接使用了people对象中的name属性
str += "年龄:" + age + "<br>";
str += "性别:" + gender;
document.write(str);
}
- 不能使用arguments.callee
callee是arguments的一个属性,用于返回正在执行的函数本身的引用
function fn(num){
if(num<=1){
return 1;
}else{
return num*arguments.callee(num-1);
}
}
- 不能使用fn.caller和fn.arguments获取函数调用的堆栈
caller是函数上面的一个属性,保存着调用当前的函数的函数引用,如果是全局作用于中调用当前的函数就返回null
function testFunc() {
'use strict';
console.log(testFunc.caller); //Uncaught TypeError: ...
console.log(testFunc.arguments); //Uncaught TypeError: ...
}
function main() {
testFunc();
}
main();
- 新增一些保留字
ES5本质上来讲只是一个语言优化的过渡,约束了晦涩和不安全的语法,为以后的高级语法铺平道路。所以在ES5中新增了一些保留字,严格模式下,不能使用他们作为变量名或参数名,包括:
implements, interface, let, package, private, protected, public, static, yield - 禁止this指向全局对象
在严格模式中,this不被允许指向全局,如果运行时试图指向全局,this将会变为undefined
'use strict';
var func = function() {
return this;
};
console.log(func() === undefined); //true
- arguments不再追踪参数变化
常规模式下,在执行函数时如果我们更改参数的值,操作结果会立即映射到arguments对象中,更改arguments对象中的值,也会立即映射到参数上!
严格模式约束了这种行为,将arguments对象与参数分离,更改只会影响自己,不会对彼此都产生影响
'use strict';
var fn = function(a, b, c) {
a = 10;
console.log(arguments[0]); // 1
arguments[1] = 20;
console.log(b); // 2
};
fn(1, 2, 3);
- eval不会在它的外层作用域引入变量(强制为eval创建新作用域)
常规模式下,使用eval函数可能会影响当前作用域或全局作用域,给程序的运行结果带来不确定性,严格模式为JavaScript程序创建了第三种作用域:eval作用域。eval函数中的字符串只能在eval作用域内运行,所以严格模式下执行eval函数不会对当前作用域产生作用
'use strict';
eval("var a = 1;");
console.log(a); //Uncaught ReferenceError: a is not defined
//or
eval("'use strict'; var b = 3;");
console.log(b); //Uncaught ReferenceError: b is not defined
- eval和arguments不能被重新赋值
常规模式下的JavaScript的随意性较大,eval和arguments可以有很多稀奇古怪的用法,程序虽然可以运行,但这给代码的可读性、可维护性也带来了一些问题。所以严格模式禁止对eval和arguments做非法操作 - 禁止使用前缀数字零:0表示八进制数,否则报错
非严格模式下:
var num1=070; //八进制的56
var num2=079; //无效的八进制数值,解析为79
var num3=08; //无效的八进制数值,解析为8
另外,ES6已经支持新的语法标准,八进制以0o来表示,这样一来就与16进制的0x形成统一的语法格式:
'use strict';
var a = 017; //Uncaught SyntaxError: ...
var b = 0o17; //ES6 Octal syntax: 8 + 7 = 15
禁止对象属性重名
非严格模式重复的属性,后定义的会覆盖先定义的。严格模式下会报错函数必须声明在整个脚本或函数层面
严格模式禁止在语句块中声明函数,因为当调用该函数是,会报错。
'use strict';
if (true) {
function doSomething() {
console.log('1');
}
} else {
function doSomething() {
console.log('2');
}
}
for (var i = 0; i < 5; i++) {
function doSomething() {
console.log('3');
}
}
doSomething(); //Uncaught ReferenceError: doSomething is not defined
- 不能删除变量delete prop,会报错,只能删除属性delete global[prop]
这点视乎非严格模式也是这样
参考文献:
ES5规范之严格模式
严格模式(Strict mode)--w3cschool
附录C:ECMAScript 的严格模式--w3cschool
ES5 规范之严格模式详解
Javascript 严格模式use strict详解
ES5严格模式
ES5严格模式--腾讯课堂渡一教育
JavaScript中with语句
callee和caller
在JavaScript中定义八进制数和十六进制数以及toString方法的一些用法