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 读取xml,写入xml 实现代码
Jul 10 Javascript
为Extjs加加速(javascript加速)
Aug 19 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 jQuery
JavaScript实现抖音罗盘时钟
Oct 11 Javascript
JavaScript设计模型Iterator实例解析
Jan 22 Javascript
JS实现随机点名器
Apr 12 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 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
模拟OICQ的实现思路和核心程序(一)
2006/10/09 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
怎么在Windows系统中搭建php环境
2013/08/31 PHP
php判断电脑访问、手机访问的例子
2014/05/10 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
Prototype使用指南之dom.js
2007/01/10 Javascript
JavaScript 学习 - 提高篇
2007/02/02 Javascript
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
vue+node实现图片上传及预览的示例方法
2018/11/22 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
详解html5 canvas常用api总结(二)--绘图API
2016/12/14 HTML / CSS
中专生自我鉴定书范文
2013/12/28 职场文书
学生爱国演讲稿
2014/01/14 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
募捐感谢信
2015/01/22 职场文书
导游欢送词
2015/01/31 职场文书
教师考核鉴定意见
2015/06/05 职场文书
mysql中整数数据类型tinyint详解
2021/12/06 MySQL
Elasticsearch 批量操作
2022/04/19 Python