cp from : https://www.cnblogs.com/giggle/p/5252185.html

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

　　　  }

[Web 前端] ECMAScript5之StrictMode的更多相关文章

  1. [转] Web前端开发工程师常用技术网站整理

    1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...

  2. Web前端性能优化——编写高效的JavaScript

    前言 随着计算机的发展,Web富应用时代的到来,Web 2.0早已不再是用div+css高质量还原设计的时代.自Gmail网页版邮件服务的问世开始,Web前端开发也开启了新的纪元.用户需求不断提高,各 ...

  3. Web前端开发工程师常用技术网站整理

    1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...

  4. 学习WEB前端是应该自学还是参加培训机构？

    先说观点,我强烈建议每个人都要自学,不要参加培训班. 我干web前端工程师这个职位已经有6年多的时间,之前在蚂蚁金服做过2年,后来离开是因为加班实在熬不住才走的,像这些已经上市的互联网公司几乎没有不加 ...

  5. Web前端需要熟悉大学里【高大上】的计算机专业课吗？

    作为一名刚刚大学毕业,进入新的学习阶段的研究生,我必须说大学的专业课非常重要!不管你信不信,事实就是如此! 一.大学学习的专业课非常重要,它决定了我们能走到什么高度 前端的发展非常快,我常常觉得刚刚关 ...

  6. web前端开发分享-目录

    1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...

  7. Web前端温故知新-CSS基础

    一.CSS定义与编写CSS 1.1 CSS的定义 全名:Cascading Style Sheets -> 层叠样式表 定义:CSS成为层叠样式表,它主要用于设置HTML页面中的文本内容(字体. ...

  8. web前端的春天 or 噩梦

    「 微信应用号可以做什么」 简单说,微信"小程序"可以为开发者提供基于微信的表单.导航.地图.媒体和位置等开发组件,让他们在微信的网页里构建一个 HTML 5 应用.同时微信还开放 ...

  9. Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

    2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...

随机推荐

  1. Visual Studio 2013 发布正式版及使用感受

    (注意:文末我添加了一个小节,用来更新最新的一些使用感受.) 昨天晚上,微软在正式发布Windows 8.1的同时,也同时发布了Visual Studio 2013产品系列的正式版. 版本情况 Vis ...

  2. 权限管理UI

    vue+vuex+vue-router+EF的权限管理系统 演示网站 首先说下这个项目吧.如标题一样是基于VUE+.NET开发的框架,也是群友一直吼吼吼要一个vue版本的ABP框架.我们先来看看首页吧 ...

  3. sed匹配多行替换

    sed -i '/aaa/{:a;n;s/123/xyz/g;/eee/!ba}' yourfile 如题:aaa123123123123123eee怎么匹配aaa~eee(开始结束字符串确定),然后 ...

  4. HDU4632 Poj2955 括号匹配 整数划分 P1880 [NOI1995]石子合并 区间DP总结

    题意:给定一个字符串 输出回文子序列的个数    一个字符也算一个回文 很明显的区间dp  就是要往区间小的压缩! #include<bits/stdc++.h> using namesp ...

  5. io编程，bio,nio,aio

    本文会从传统的BIO到NIO再到AIO自浅至深介绍,并附上完整的代码讲解. 下面代码中会使用这样一个例子:客户端发送一段算式的字符串到服务器,服务器计算后返回结果到客户端. 代码的所有说明,都直接作为 ...

  6. 005.FTP本地用户访问

    一 新建本地用户 [root@imxhy ftp]# useradd ftpuser #用于登陆ftp的用户 [root@imxhy ftp]# passwd ftpuser Changing pas ...

  7. ABP-Zero模块

    一.介绍 二.启动模版 三.功能 1,租户管理 2,版本管理 3,用户管理 4,角色管理 5,组织单位管理 6,权限管理 7,语言管理 8,Identity Server集成 一.介绍 1,Zero模 ...

  8. Xamarin iOS教程之警告视图

    Xamarin iOS教程之警告视图 Xamarin iOS警告视图 如果需要向用户显示一条非常重要的消息时,警告视图(UIAlertView类)就可以派上用场了.它的功能是把需要注意的信息显示给用户 ...

  9. BZOJ.2660.[BJOI2012]最多的方案(DP)

    题目链接 首先我们知道: 也很好理解.如果相邻两项出现在斐波那契表示法中,那它们显然可以合并. 所以我们能得到\(n\)的斐波那契表示,记\(pos[i]\)为\(n\)的斐波那契表示法中,第\(i\ ...

  10. BZOJ.3139.[HNOI2013]比赛(搜索 Hash)

    题目链接 不会搜索了.. DFS()中两个参数,枚举每两个队伍的比赛结果(分配当前队伍的分数). 可以发现方案数量与具体哪只球队得了多少分无关,只与当前比赛的队伍数量和得分序列的组成有关.可以记忆化搜 ...