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);

　　　  }

ECMAScript5之StrictMode的更多相关文章

  1. [Web 前端] ECMAScript5之StrictMode

    cp from : https://www.cnblogs.com/giggle/p/5252185.html ECMAScript5引入一个严格模式的概念(Strict Mode). 它的作用就是不 ...

  2. ECMAScript5之Object

    在ECMAScript5中对Object新增的些方法,以前没注意的同志们,嘻嘻,下面我们再一起来边看边学. 1.Object之create Create单词意为创造嘛,作为Object的静态方法,不言 ...

  3. ECMAScript5之Array

    在ECMAScript5中对Array新增的些方法,以前没注意的同志们,嘻嘻,下面我们一起来边看边学. 1.Array之isArray(element) 看到isArray,不言而喻,就是判断一个对象 ...

  4. 转：StrictMode使用

    最新的Android平台中(Android 2.3起),新增加了一个新的类,叫StrictMode(android.os.StrictMode).这个类可以用来帮助开发者改进他们编写的应用,并且提供了 ...

  5. 了解一下JavaScript的未来——ECMAScript5

    神马是EcmaScript5 首先得先搞清楚ECMAScript是神马,我们知道JavaScript或者说LiveScript最开始是Netscape搞出来的,后来微软也跟进搞出了Jscript,Sc ...

  6. ECMAScript5的其它新特性

    之前两篇博客 ECMAScript5 Object的新属性方法,ECMAScript5 Array新增方法,分别介绍了ECMAScript5对Object和Array的拓展,这两个对象最常用,而且改动 ...

  7. ECMAScript5 Array新增方法

    数组在各个编程语言中的重要性不言而喻,但是在之前的JavaScript中数组(JavaScript 数组详解)虽然功能已经很强大,但操作方法并不完善,在ECMAScript5中做了适当的补充. Arr ...

  8. ECMAScript5 Object的新属性方法

    虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性,但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受,目前主流的浏览器中只有低版本的IE不支持,其它都 ...

  9. JS性能方面--内存管理及ECMAScript5 Object的新属性方法

    Delete一个Object的属性会让此对象变慢(多耗费15倍的内存) var o = { x: 'y' }; delete o.x; //此时o会成一个慢对象 o.x; // var o = { x ...

随机推荐

  1. liunx常用的命令

    计算机网络的主要优点是能够实现资源和信息的共享,并且用户可以远程访问信息.Linux提供了一组强有力的网络命令来为用户服务,这些工具能够帮助用户登录到远程计算机上.传输文件和执行远程命令等. 本章介绍 ...

  2. Visual Studio 2015 如何将全英界面转成中文

    1 启动VS2015程序,在菜单栏中找到tools 2 在弹出的下拉窗口中选中options 3 此时弹出的对话框,选中Environment下的international setting 4 点击获 ...

  3. 如何设置mysql远程访问及防火墙设置

    笔者在一个实际的项目中需要MYSQL远程访问. 情景: 安装好Mysql, 本地访问正常,很奇怪局域的机器都无法访问该服务器上的MYSQL数据库. 经过资料查找 原来Mysql默认是不可以通过远程机器 ...

  4. Linq中使用反射实现--LINQ通用数据表绑定DataGrid控件的方法(原创)

    项目需求,因为项目中存在很多表,这些表的内容需要呈现给客户浏览．转载请注明出处 相信很多写过程序的设计者很容易的用以下方式实现 在SqlConnect ,DataSet 的方式,我们很轻松的可以通过S ...

  5. IOS 真机调试

    真机调试的步骤: 1.注册成为苹果开发者(99$) 2.登陆苹果开发者主页 https://developer.apple.com/membercenter/index.action 3.点击 Cer ...

  6. vue组件编译原理

    <body> <my-com1 type="type" v-pre="pre">com1</my-com1> <my- ...

  7. iOS开发点滴：iPhone屏幕适配

    最近开始做iOS开发,遇到一些小问题和解决方法,记录下.   今天是iPhone屏幕适配 iPhone5出来之后屏幕就有iPhone就有了2种尺寸:3.5寸和4寸,xcode 5 的IB设计器里面界面 ...

  8. Visual Studio中创建混合移动应用程序解决方案Xamarin Portable Razor

    在Visual Studio中创建混合移动应用程序的一个解决方案是使用Xamarin Portable Razor工具,这是ASP.NET MVC API针对移动设备的一个轻量级实现.Xamarin编 ...

  9. Python黑帽编程 4.0 网络互连层攻击概述

    Python黑帽编程 4.0 网络互连层攻击概述 是时候重新温习下下面这张图了. 图2 本章的内容核心包含上图中的网络层和传输层.TCP/IP是整个网络协议体系中的核心,因为从这里开始,数据传输从局域 ...

  10. CSS3 特效分解一

    先声明下,下面的特效不是我发明的,对CSS3的创造力还不够,只是看了别人demo的源码,一点一点分析出来的.整理出的笔记,分享给大家.因为源码是好,但是一头扎进去半天出不来. 首先看个登陆框,如下,相 ...