JavaScript 严格模式(strict mode)即在严格的条件下运行。
"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。
"use strict" 的目的是指定代码在严格条件下执行。严格模式下你不能使用未声明的变量。
支持严格模式的浏览器:
Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。
使用方式
严格模式通过在脚本或函数的头部添加 "use strict"; 表达式来声明。
// test.js
"use strict"
function test(){
// do your action
}
这样的test.js都会应用上"use strict"模式。
如果你仅想在一个函数中使用:
// test.js
function test2(){
"use strict";
function inaction(){
// do your action
}
}
为什么使用严格模式:
消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
消除代码运行的一些不安全之处,保证代码运行的安全;
提高编译器效率,增加运行速度;
为未来新版本的Javascript做好铺垫。
"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。
另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。
检测点
1.不允许使用未声明的变量
"use strict";
x = 222; // 报错 (x 未定义)
你现在已经知道忘记在这个变量前面加var了。不过如果你不知道,调试起来是非常痛苦的,因为这个变量是声明在全局上下文(global context)中的,而且可能被其他地方改掉。想象一下,如果你声明了一个全局的 i, 在嵌套循环中可能会引起混乱。
2.不允许删除变量或对象
"use strict";
var x = 222;
delete x; // 报错(不允许删除变量或对象)
3.检查对象中的重复键
var tests= {
first: 1,
second: 2,
first: 3 //这段代码会抛出一个错误因为 eyeLeft 出现了两次。这比你用眼睛去找错误要快多了。
}
4.重复的参数
function test(element, element){ //注意element出现了两次,因此会抛出一个错误
//do your things
}
5.限制函数中的arguments
var run = function(element){
arguments[0] = 'fredia';
alert(element);
}
run('jane');
// alert: 'fredia';
改进后为:
var run = function(element){
"use strict";
arguments[0] = 'fredia';
alert(element);
}
run('jane');
// alert: 'jane';
//arguments[0] = 'fredia' 改变了参数element,use strict 又节约了你的时间。
6.保留关键字
为了向将来Javascript的新版本过渡,严格模式新增了一些保留关键字:
implements
interface
let
package
private
protected
public
static
yield
7.禁止this关键字指向全局对象
function f(){
return !this;
}
// 返回false,因为"this"指向全局对象,"!this"就是false
function f(){
"use strict";
return !this;
}
// 返回true,因为严格模式下,this的值为undefined,所以"!this"为true。
因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错。
function f(){
"use strict";
this.a = 1;
};
f(); // 报错,this未定义
8.不允许对只读属性赋值
"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});
obj.x = 222; // 报错
还有许多 "use strict"的特性,这儿就不一一列举了,具体可以看菜鸟学院里面文档:http://www.runoob.com/js/js-strict.html