ECMAScript 5严格模式(Strict Mode)介绍


Posted in Javascript onMarch 02, 2015

严格模式(Strict Mode)是ECMAScript 5的新特性,它允许你把整个程序,或者某个函数,放置在“严格”的操作语境中。这种严格的语境会防止某些特定的操作并抛出更多的异常。

虽然ECMAScript 5对ECMAScript 3是向下兼容的,但是在严格模式下,所有在ECMAScript 3中不赞成使用的特性都被禁用(或抛出错误)而不是兼容。

启用严格模式有以下好处:

1.捕获一些编程错误,并抛出异常。
2.阻止进行一些相对“不安全”的操作(例如访问全局变量),抛出异常。
3.禁用一些让人迷惑的特性。

关于严格模式的大多数信息都可以在《ES5规范》[PDF]的第223页找到。

(注意:ECMAScript 5的严格模式跟Firefox的严格模式是不同的)

如何启用严格模式

在程序的开头添加这条语句即可对整段脚本启用严格模式:

'use strict';

也可以只在函数的内部启用严格模式,这样不会影响到外部:
function imStrict() {
'use strict';

// ... your code ...

}

启用严格模式的语句只是一段普通的字符串“use strict”,没有任何新语法。这意味着不会对就旧式浏览器造成任何负面影响。

在函数内部启用严格模式的一个实际应用是,把整个Javascript类库定义在严格模式的函数内部,这样就可以不影响外部的代码:

// Non-strict code...
(function(){

"use strict";

// Define your library strictly...

})();
// Non-strict code...

那么,严格模式下的脚本有什么改变呢?

变量和属性

对未定义变量的赋值将会失败,而不是把这个变量作为全局变量。

写入一个可写特性为false的属性,删除一个可配置特性为false的属性,或者添加一个可扩展特性为false的属性,都会导致错误(这些特性是预先商定好的)。过去,这些操作不会抛出异常,仅仅是静默地失败。

对变量、函数或者函数参数执行delete操作会导致错误。

var foo = 'test';

function test() { }
delete foo; // Error

delete test; // Error
function test2(arg) {

delete arg; // Error

}

在一个对象容器内部定义相同属性会导致异常的抛出:
// Error

{ foo: true, foo: false }

eval

任何对“eval”这个名字的使用(主要意图是把eval函数指向一个变量或者是对象的属性)都是禁止的。

// All generate errors...

obj.eval = ...

obj.foo = eval;

var eval = ...;

for ( var eval in ... ) {}

function eval(){}

function test(eval){}

function(eval){}

new Function("eval")

另外,通过eval声明新变量也会无效:
eval("var a = false;");

print( typeof a ); // undefined

函数

重写arguments对象会导致错误:

arguments = [...]; // not allowed

同名参数会导致错误:
(function(foo, foo) { }) // Error

对arguments.caller和arguments.callee的访问会抛出异常。因此,任何需要用到的匿名函数都必须先命名,例如:
setTimeout(function later(){
// do stuff...

setTimeout(later, 1000);

}, 1000 );

函数的arguments、caller和callee属性不再存在,定义它们的操作也是禁止的。
function test() { }

test.caller = 'caller';// Error

最后,一个长期存在(且非常讨厌)的BUG已经被解决了:当使用null或者undefined作为Function.prototype.call或Function.prototype.apply方法的第一个参数时,函数内部的this将会指向全局对象。而严格模式将会阻止其执行并抛出异常:
(function(){ ... }).call(null); // Exception

with() { }

with() { }语句在严格模式下是完全挂掉了。

Javascript 相关文章推荐
javascript options属性集合操作代码
Dec 28 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
JS中图片压缩的方法小结
Nov 14 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
node跨域转发 express+http-proxy-middleware的使用
May 31 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
Mar 02 #Javascript
JavaScript日期类型的一些用法介绍
Mar 02 #Javascript
了解Javascript的模块化开发
Mar 02 #Javascript
JS实现的4种数字千位符格式化方法分享
Mar 02 #Javascript
js实现图片漂浮效果的方法
Mar 02 #Javascript
ECMAScript 5中的属性描述符详解
Mar 02 #Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
Mar 02 #Javascript
You might like
一步一步学习PHP(2)――PHP类型
2010/02/15 PHP
PHPEXCEL 使用小记
2013/01/06 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
vue使用watch 观察路由变化,重新获取内容
2017/03/08 Javascript
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python脚本实现下载合并SAE日志
2015/02/10 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python 多个参数不为空校验方法
2019/02/14 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
python字符串的拼接方法总结
2019/11/18 Python
python 安装impala包步骤
2020/03/28 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
什么是设计模式
2012/06/17 面试题
环保宣传标语
2014/06/12 职场文书
孔庙导游词
2015/02/04 职场文书
合作意向书范本
2019/04/17 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
MySQL update set 和 and的区别
2021/05/08 MySQL