标签:
ECMAScript5引入一个严格模式的概念(Strict Mode)。
它的作用就是不让Javascript的容错那么高,让我们对编写代码的规范要求高一点。
比如,当我们使用严格模式编写JavaScript代码时,我们不能隐式的申明变量,必须带var。
那怎么使用严格模式(Strict Mode)呢?
当我们想让代码启动严格模式(Strict Mode)时,我们可以在代码的开头或者函数function的开头中添加”use strict”。
倘若我们在整个代码中启用严格模式(Strict Mode),那么所有代码都必须遵循严格模式的规范;
倘若我们在一个function中启用,那么只在这个function中,得遵循严格模式的规范。
我们一起来写个demo,体验体验下。
<!DOCTYPE html> <head> <title>strict mode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> //启用严格模式 "use strict"; function testFunction(){ var testvar = 4; return testvar; } //This causes a syntax error. testvar = 5; </script> </body> </html>
在上面的demo中,我在整个代码中启用严格模式,但我在function的外部声明变量时,没有加var,因此不符合严格模式规范,所以运行代码时会报错。
哈,有点意思。
刚才我们是在整个代码中启用严格模式,下面我们再来写个demo,在function里启用严格模式。
<!DOCTYPE html> <head> <title>strict mode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> function testFunction(){ "use strict"; testvar = 4; return testvar; } testvar = 5; </script> </body> </html>
打开chrome调试器:
纳尼!!怎么没有报错?!!
我们再看看上面的代码,哈哈哈,原来是我们没有调用testFunction嘛,既然没执行它,它怎么会启用严格模式呢?
修改代码如下:
<!DOCTYPE html> <head> <title>strict mode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> function testFunction(){ "use strict"; testvar = 4; return testvar; } //调用testFunction testFunction(); testvar = 5; </script> </body> </html>
再看看chrome结果:
哇咔哇咔,严格模式还是挺严格的嘛,如果我们在写代码中,想启用的严格模式,那就得注意咯。
下面列举了在严格模式下的几个重点限制:
JavaScript |
限制 |
例子 |
变量 |
使用一个变量,但是没有用var去声明 |
testvar = 4; |
delete |
删除一个变量,函数或者agrument |
var testvar = 15; function testFunc(){} //causes fault delete testvar; delete testFunc; |
属性名 |
在声明对象时,重复使用一个属性名 |
Var testObj = { Prop1: 10, Prop2: 15, //causes fault Prop1: 20 } |
参数名 |
在函数参数中,重复使用一个参数名 |
Function testFunc(param1,/*causes fault*/param1){ Return 1; } |
有潜力成为关键字 |
在未来有可能成为有用的关键字,不能用来作为变量名或者函数名 |
Implements Interface Package Private Protected Public Static yield |
八进制数 |
将八进制数赋给一个变量 |
Var testoctal = 010; Var testescape = \010; |
this |
当this为null或者undefined的时候,它是不能被转换成全局对象(window)的 |
Function testFunc(){ Return this; } Var testvar = testFunc(); 在不是严格模式下,这个testvar的值是全局对象,但在严格模式下,它的值却是undefined. |
Eval,arguments |
eval,arguments不能作为函数名或者参数名、变量名 |
Var eval = 10; Var arguments =10; |
arguments |
在函数中,我们不能通过改变arguments,来改变对应参数值 |
Function testArgs(oneArg){ Arguments[0] = 20; } 在非严格模式下,我们如果想改变oneArg,可以通过Arguments[0]来改变,如上代码这样,执行后,oneArg和Arguments[0]的值都是20;但是在严格模式下,我们不能通过arguments来改变参数名的值,arguments仅仅是一个拷贝而已。 |
Arguments.callee |
不允许这么使用 |
Function(testInt){ If(testInt-- == 0){ Return; } Arguments.callee(testInt); } |
标签:
原文地址:http://www.cnblogs.com/giggle/p/5252185.html