JavaScript 严格模式 use strict
2016-06-18 15:58
513 查看
1.概述
除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。
2.为什么用严格模式
- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
- 消除代码运行的一些不安全之处,保证代码运行的安全;
- 提高编译器效率,增加运行速度;
- 为未来新版本的Javascript做好铺垫。
"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。
另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。
3.进入标志
4.如何调用
4.1针对单个脚本 <script>
"use strict";
console.log("这是严格模式。");
</script>
4.2针对单个函数function strict(){
"use strict";
return "这是严格模式。";
}
function notStrict() {
return "这是正常模式。";
}
5.语法与行为改变
严格模式对Javascript的语法和行为,都做了一些改变。
5.1 全局变量显式声明
在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,全局变量必须显式声明。"use strict";
v = 1; // 报错,v未声明
for(i = 0; i < 2; i++) { // 报错,i未声明
}
因此,严格模式下,变量都必须先用var命令声明,然后再使用。
5.2 禁止this关键字指向全局对象
因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错。function f(){
"use strict";
this.a = 1;
};
f();// 报错,this未定义
5.3禁止删除变量
严格模式下无法删除变量。只有configurable设置为true的对象属性,才能被删除。"use strict";
var x;
delete x; // 语法错误
var o = Object.create(null, {'x': {
value: 1,
configurable: true
}});
delete o.x; // 删除成功
5.4对象不能有重名的属性
正常模式下,如果对象有多个重名属性,最后赋值的那个属性会覆盖前面的值。严格模式下,这属于语法错误。"use strict";
var o = {
p: 1,
p: 2
}; // 语法错误
5.5函数不能有重名的参数
正常模式下,如果函数有多个重名的参数,可以用arguments[i]读取。严格模式下,这属于语法错误。
1. 变量必须声明才能使用
2. 函数声明语句(不包括表达式)不允许在普通代码块(不包括闭包)中使用
3. 闭包内的this不指向Global对象
4. 对象属性和函数形参不能重复声明
5. eval拥有类似闭包的作用域
6. callee和caller属性无法使用
7. with语句无法使用
8. 八进制数字常量无法使用
9. 普通模式下的一些无效操作变成错误
转自:http://www.cnblogs.com/jiqing9006/p/5091491.html
https://www.web-tinker.com/article/20125.html
除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。
2.为什么用严格模式
- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
- 消除代码运行的一些不安全之处,保证代码运行的安全;
- 提高编译器效率,增加运行速度;
- 为未来新版本的Javascript做好铺垫。
"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。
另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。
3.进入标志
"use strict";
4.如何调用
4.1针对单个脚本 <script>
"use strict";
console.log("这是严格模式。");
</script>
4.2针对单个函数function strict(){
"use strict";
return "这是严格模式。";
}
function notStrict() {
return "这是正常模式。";
}
5.语法与行为改变
严格模式对Javascript的语法和行为,都做了一些改变。
5.1 全局变量显式声明
在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,全局变量必须显式声明。"use strict";
v = 1; // 报错,v未声明
for(i = 0; i < 2; i++) { // 报错,i未声明
}
因此,严格模式下,变量都必须先用var命令声明,然后再使用。
5.2 禁止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未定义
5.3禁止删除变量
严格模式下无法删除变量。只有configurable设置为true的对象属性,才能被删除。"use strict";
var x;
delete x; // 语法错误
var o = Object.create(null, {'x': {
value: 1,
configurable: true
}});
delete o.x; // 删除成功
5.4对象不能有重名的属性
正常模式下,如果对象有多个重名属性,最后赋值的那个属性会覆盖前面的值。严格模式下,这属于语法错误。"use strict";
var o = {
p: 1,
p: 2
}; // 语法错误
5.5函数不能有重名的参数
正常模式下,如果函数有多个重名的参数,可以用arguments[i]读取。严格模式下,这属于语法错误。
"use strict"; function f(a, a, b) { // 语法错误 return ; }
1. 变量必须声明才能使用
"use strict";a=1;//缺少var语句做声明,因此报错
"use strict";var a=b=1;//错误 b未声明
2. 函数声明语句(不包括表达式)不允许在普通代码块(不包括闭包)中使用
"use strict";(function(){//闭包中是允许使用函数声明语句的 function func(){};})();{ var f=function(){};//函数声明表达式允许 function func(){};//函数声明语句在普通闭包中,错误};
3. 闭包内的this不指向Global对象
"use strict";(function(){ alert(this);//输出undefined})();
4. 对象属性和函数形参不能重复声明
"use strict";var o={a:1,a:1};//这个对象定义了两个a属性,因此报错
"use strict";function func(a,a){};//这个函数的两个形参都是a,因此报错
5. eval拥有类似闭包的作用域
"use strict";var a=1,b=1;eval("var a=2");window.eval("var b=2");alert(a); //输出1 因为运行的a变成了eval作用域的局部变量alert(b);//输出2 window.eval依然是全局作用域
6. callee和caller属性无法使用
"use strict";function func(){return arguments.callee;//错误 callee无法使用};func();
7. with语句无法使用
"use strict";with({});
8. 八进制数字常量无法使用
"use strict";var a=0999;//十进制,可以使用var b=0123;//八禁止,无法使用
9. 普通模式下的一些无效操作变成错误
"use strict";var a=1;delete a;//错误 无法删除var声明的变量
"use strict";var o={get a(){}};o.a=1;//错误 给只读属性赋值
转自:http://www.cnblogs.com/jiqing9006/p/5091491.html
https://www.web-tinker.com/article/20125.html
相关文章推荐
- javascript如何设置DIV背景色为随机色
- 再次被JS气炸——<script>引用的位置
- json 转换篇
- javascript 特效实现(1)——展开选项和收起效果
- JSON
- js图片预览
- json-c库使用总结
- Jsoncpp的使用
- (一)JavaScript基本了解
- Javascript经验总结
- json字符串转换为xml格式输出
- 正则表达式参考大全
- 反射实现对象转json格式字符串
- 从js向Action传中文参数出现乱码问题的解决方法
- Turn.js 实现翻书效果的学习与总结
- JavaScript面向对象和原型函数
- jstl中,c:set 设置的值在jsp:include 的页面失效
- js 函数
- 最简单的js 判断密码强度
- js小知识