脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → ECMAScript5严格模式介绍

ECMAScript 5严格模式（Strict Mode）介绍

 更新时间：2015年03月02日 10:40:11   投稿：junjie  
这篇文章主要介绍了ECMAScript 5严格模式（Strict Mode）介绍,本文讲解了如何启用严格模式、启用严格模式后对变量和属性、函数、with语句的影响,需要的朋友可以参考下

严格模式（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 DOM学习第四章 getElementByTagNames

    JavaScript DOM学习第四章 getElementByTagNames

    HTML有一些相关有不同tag名字的相关元素，比如H1-H6或者input，select和TEXTAREA。getElementByTagName只能取得那些有相同tag名称的元素，所以你不能用他来取得所有的标题或者整个表单内容。
    2010-02-02
  • JavaScript入门教程(1) 什么是JS

    JavaScript入门教程(1) 什么是JS

    本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识，但只限于初级知识
    2009-01-01
  • JavaScript之数组（Array）详解

    JavaScript之数组（Array）详解

    这篇文章主要介绍了JavaScript之数组（Array）详解,本文详细讲解了JavaScript数组的创建、检测数组、转化方法、栈方法、队列方法、重排序方法、操作方法、位置方法等内容,需要的朋友可以参考下
    2015-04-04
  • JavaScript那些不经意间发生的数据类型自动转换

    JavaScript那些不经意间发生的数据类型自动转换

    JavaScript可以自由的进行数据类型转换，但是更多的情况下，是由JavaScript自动转换的。本文就将为大家详细讲解那些不经意间发生的数据类型转换，感兴趣的同学可以了解一下
    2022-02-02
  • JavaScipt对象的基本知识

    JavaScipt对象的基本知识

    2008-01-01
  • 转义字符（\）对JavaScript中JSON.parse的影响概述

    转义字符（\）对JavaScript中JSON.parse的影响概述

    JSON是一个提供了stringify和parse方法的内置对象，前者用于将js对象转化为符合json标准的字符串，后者将符合json标准的字符串转化为js对象，本文为大家介绍下转义字符对JSON.parse方法的影响
    2013-07-07
  • React Router基础使用

    React Router基础使用

    本文主要介绍了React Router的基础知识，具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript 对话框和状态栏使用说明

    JavaScript 对话框和状态栏使用说明

    平时工作中，无论是调试 javascript 代码还是进行页面提示，我们都会经常使用 javascript 的对话框。除了创建明确不使用状态栏的浏览器窗口，每个浏览器窗口的底部都有一个状态栏，用来向用户显示一些特定的消息。
    2009-10-10
  • js 数组操作代码集锦

    js 数组操作代码集锦

    用js有很久了，但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。
    2009-04-04
  • JavaScript基础之立即执行函数

    JavaScript基础之立即执行函数

    这篇文章主要介绍了如何理解JavaScript中的立即执行函数，帮助大家更好的学习JavaScript，感兴趣的朋友可以了解下
    2021-11-11

最新评论