严格模式和标准模式的区别（附严格模式实战实例）

严格模式是一种许可式（opt-in）机制，允许开发人员使用 JavaScript 语言的一个有限但更整洁的子集。
严格模式可以在脚本或函数级别实现。
"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。

一、设计严格模式的目的：
- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;

- 消除代码运行的一些不安全之处，保证代码运行的安全；

- 提高编译器效率，增加运行速度；

- 为未来新版本的Javascript做好铺垫。

二、进入标志

进入"严格模式"的标志，是下面这行语句：

　"use strict";

老版本的浏览器会把它当作一行普通字符串，加以忽略。

三、如何调用

在脚本级别激活严格模式

将"use strict"放在脚本文件的第一行，则整个脚本都将以"严格模式"运行。如果这行语句不在第一行，则无效，整个脚本以"正常模式"运行。如果不同模式的代码文件合并成一个文件，这一点需要特别注意。

(严格地说，只要前面不是产生实际运行结果的语句，"use strict"可以不在第一行，比如直接跟在一个空的分号后面。)

<script>
“use strict”
var mayNameSpace = {myMethod:function(){//strict code}
}
</script>

在函数级别激活严格模式

将"use strict"放在函数体的第一行，则整个函数以"严格模式"运行。

function getStrict(){"use strict";//strict code
}

脚本文件的变通写法

因为第一种调用方法不利于文件合并，所以更好的做法是，借用第二种方法，将整个脚本文件放在一个立即执行的匿名函数之中。

(function (){"use strict";// some code here})();

四、语法和行为改变
严格模式对Javascript的语法和行为，都做了一些改变。

全局变量显式声明
严格模式将标准脚本中通常会忽略或静默失败的几种常见负面编码模式转变为实际错误。最常见的一种模式是向一个没有使用 var 语句声明的未声明变量分配一个值，意外创建一个全局变量。在标准代码中，这只是一种不良实践。在严格模式中，将抛出一个引用错误

function nopullution(){"use strict";myAccidentalGlobal = "polluting the global namespace is for losers";
}
nopullution();
>>>Error: Uncaught ReferenceError: myAccidentalGlobal is not defined //谷歌浏览器
>>>Error: assignment to undeclared variable myAccidentalGlobal //火狐浏览器

静态绑定

严格模式下，在外部访问不到ecal（）中创建的任何变量或函数，在严格模式下，为eval赋值也会导致错误。eval会建立一个eval作用域，因此全局作用域访问不到eval作用域里面的数据
Javascript语言的一个特点，就是允许"动态绑定"，即某些属性和方法到底属于哪一个对象，不是在编译时确定的，而是在运行时（runtime）确定的。
严格模式对动态绑定做了一些限制。某些情况下，只允许静态绑定。也就是说，属性和方法到底归属哪个对象，在编译阶段就确定。这样做有利于编译效率的提高，也使得代码更容易阅读，更少出现意外。

禁止使用with语句：因为with语句无法在编译时就确定，属性到底归属哪个对象。

"use strict"var a = {name: "liangtao"}eval("var a = 1;console.log(a)")console.log(a)>>>1{name: "liangtao"}    //标准模式下输出 1 1

增强的安全措施

（1）禁止this关键字指向全局对象

function f(){return !this;} // 返回false，因为"this"指向全局对象，"!this"就是falsefunction f(){ "use strict";return !this;} // 返回true，因为严格模式下，this的值为undefined，所以"!this"为true。

因此，使用构造函数时，如果忘了加new，this不再指向全局对象，而是报错。

　function f(){"use strict";this.a = 1;};f();// 报错，this未定义

（2）禁止在函数内部遍历调用栈

function f1(){"use strict";f1.caller; // 报错f1.arguments; // 报错}f1();

禁止删除变量

严格模式下无法删除变量。只有configurable设置为true的对象属性，才能被删除。

"use strict";var x;delete x; // 语法错误var o = Object.create(null, {'x': {value: 1,configurable: true}});delete o.x; // 删除成功

显式报错

正常模式下，对一个对象的只读属性进行赋值，不会报错，只会默默地失败。严格模式下，将报错。

"use strict";var o = {};Object.defineProperty(o, "v", { value: 1, writable: false });o.v = 2; // 报错

重名错误

严格模式新增了一些语法错误。

（1）对象不能有重名的属性
正常模式下，如果对象有多个重名属性，最后赋值的那个属性会覆盖前面的值。严格模式下，这属于语法错误。

　"use strict";var o = {p: 1,p: 2}; // 语法错误

（2）函数不能有重名的参数

正常模式下，如果函数有多个重名的参数，可以用arguments[i]读取。严格模式下，这属于语法错误。

　"use strict";function f(a, a, b) { // 语法错误return ;}

其他区别我现在还不能理解，毕竟我还是一个刚学的小白，有兴趣的可以去阮一峰大神写的文章：http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html

严格模式和标准模式的区别（附严格模式实战实例）相关推荐

html严格模式和标准模式，怎么触发这两种模式
声明位于文档的最前位置,处于标签之前,可以告诉浏览器使用哪种html/xhmtl文档该标签有三种类型:严格版本.过度版本.以及基于框架的html文档 1.浏览器模式标准模式:浏览器根据规范呈现页面 ...
浏览器怪异模式和标准模式之间的区别 DTD
从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度. 在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差 ...
浏览器的怪异模式和标准模式的区别
何时触发怪异模式和标准模式浏览器根据doctype是否存在和哪种DOT格式来决定怪异模式还是标准模式,如果XHTML文档包含完整的DOCTYPE,那么它一般以标准模式呈现代码对于html4.0文档 ...
Doctype作用及兼容模式与标准模式的区别
一.Doctype作用 <!DOCTYPE>声明位于HTML文档中的第一行,处于<html>标签之前.告知浏览器的解析器用什么文档标准解析这个文档. DOCTYPE不存在或格式 ...
怪异模式和标准模式的定义和区别
所谓的标准模式是指,浏览器按W3C标准解析执行代码: 怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式. 浏览器解析时到底使用标准模式还是怪异模 ...
C/S和B/S模式的主要特点以及区别在那里?画出CGI工作原理图，具体描述CGI的主要流程和实现步骤。
C/S和B/S模式的主要特点以及区别在那里? CS即Client/Server(客户机/服务器)结构. C/S结构在技术上很成熟,它的主要特点是交互性强.具有安全的存取模式.网络通信量低.响应速度快. ...
文档模式：标准模式、混杂模式
一. 背景: 由于历史的原因,不同浏览器对页面的渲染是不同的,甚至同一浏览器的不同版本也是不同的.然后这时候就出现了一个至关重要的标准规范:W3C标准. 在W3C标准出台之前,不同的浏览器在页面的渲 ...
救援模式（Rescue Mode）、单用户模式（Single-User Mode）、紧急模式（Emergency Mode）的区别与联系
链接:https://www.cnblogs.com/xuanbjut/p/13100511.html 1.相关概念:runlevel: 一句话:运行级别指的是Linux等类Unix操作系统下不同的运 ...
浏览器的混杂模式和标准模式
##浏览器的混杂模式和标准模式有时候代码没问题,但是执行时不会报错却也显示不出来,就要考虑一下浏览器的兼容问题浏览器是存在混杂模式和标准模式的,所以有时候对象的获取设置,会不太一样,关于浏览器的混 ...

严格模式和标准模式的区别（附严格模式实战实例）

严格模式和标准模式的区别（附严格模式实战实例）相关推荐

最新文章

热门文章