位置: 编程技术 - 正文
推荐整理分享理解javascript中的严格模式(js怎么理解),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript原理详解,如何理解javascript,js怎么理解,简述javascript,javascript中的函数如何理解,javascript中的函数如何理解,javascript中的函数如何理解,javascript深入理解,内容如对您有帮助,希望把文章链接给更多的朋友!
一、什么是严格模式我们平时写的JavaScript代码一般都运行在正常模式中的,除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。看名字就知道,这种模式会让JavaScript在更严格的环境中运行。包括IE 在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱。(github上面好多项目都是用的严格模式)二、启用严格模式为整个脚本启用严格模式在所有语句之前放一个特定语句 "use strict";假设有一个脚本reeoo.js,可以这样开启严格模式:
BUT这种写法存在天然的坑,假如我们要做代码合并,我现在要把heigui.js:
和reeoo.js进行合并,本来两个脚本分开执行是好好的,合起来就会报错。Uncaught ReferenceError: heigui is not defined(…)一个严格模式的脚本和一个非严格模式的脚本合并可能会导致非严格模式的脚本代码报错,建议代码都包在一个立即执行函数里面。
这样合并之后就不会报错了。为某个函数启用严格模式要给某个函数开启严格模式,得把"use strict"; 声明放在函数体所有语句之前就行了。
Chrome中调试严格模式我有这么一段代码:
把这段代码直接粘贴到Chrome的控制台中执行,正常情况下应该报错,但是并没有报错,
很显然,严格模式下变量不适用var声明是不合法的,但是为什么没有报错?这是什么鬼,难道Chrome不支持严格模式?开什么玩笑。。。网上搜了一下,原来Chrome的控制台的代码是运行在eval之中的,你没法对eval函数使用严格模式(应该也不完全对,但是具体Chrome做了什么,不得而知),下图说明eval函数可以使用严格模式:
要想在Chrome浏览器中对严格模式正常报错,需要在代码外层套一个立即执行函数,或者其它类似的措施。
这样就可以了FireFox代码草稿纸调试严格模式Chrome非要我们包一层闭包才能跑严格模式,既然这么麻烦,有没有别的方式可以直接跑严格模式的代码呢?FireFox有一个代码草稿纸可以直接跑,快捷键SHIFT+F4
严格模式到底有多严格严格模式中一些重要的限制
1、变量声明不允许使用一个没有声明的变量
报错(代码草稿纸,下同)Exception: ReferenceError: assignment to undeclared variable name
2、修改只读属性的值
严格模式下会报错:Uncaught TypeError: Cannot assign to read only property 'prop1' of #<Object>非严格模式顶多就是值赋不上去而已,并不会报错
3、修改不可扩展的属性表现为将属性添加到 extensible 属性设置为 false 的对象。
严格模式报错:Uncaught TypeError: Can't add property name, object is not extensible非严格模式不会报错,但是testObj也不会被扩展。4、删除变量、函数或参数删除 configurable 特性设置为 false 的属性。
报错:Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.
5、在一个对象文本中多次定义某个属性严格模式下不允许一个属性有多个定义
报错(node控制台)Duplicate data property in object literal not allowed in strict mode正常模式中后声明的重复的变量会覆盖前面声明的,而且不会报错。注:这个问题在ECMAScript6中已被修复。
6、严格模式下不允许形参参数名称重复
报错:Uncaught SyntaxError: Duplicate parameter name not allowed in this context
7、无法使用标识符的未来保留字。严格模式下将保留标识符名称一下标识符(ES6中依然没有实现的)在严格模式中是不能使用的,否则也会报错。用了就是这个下场:Uncaught SyntaxError: Unexpected strict mode reserved word
implements interface package private protected public static yield8、严格模式下不允许使用八进制数字参数和转义字符
报错:Uncaught SyntaxError: Unexpected token ILLEGAL(…)9、当this 的值为 null 或 undefined 时,该值不会转换为全局对象比如:
在非严格模式下,testvar 的值为全局对象window,但在严格模式下,该值为 undefined。
、字符串"eval"不能用作标识符(变量或函数名、参数名等)
Uncaught SyntaxError: Unexpected eval or arguments in strict mode
、在严格模式下,函数声明无法嵌套在语句或块中。它们只能显示在顶级或直接显示在函数体中
node控制台:SyntaxError: In strict mode code, functions can only be declared at top level or immediately within another function.但是这个限制已经在ES6中被修复、严格模式下eval用法无效如果在 eval 函数内声明变量,则不能在此函数外部使用该变量。
Uncaught ReferenceError: testvar is not defined
、严格模式下"arguments"用法无效字符串”arguments”不能用作标识符(变量或函数名、参数名等)。
Uncaught SyntaxError: Unexpected eval or arguments in strict mode
这个跟上面第条的限制是差不多的。、函数内的 arguments,无法更改arguments 对象的成员的值
在非严格模式下,可以通过更改 arguments[0] 的值来更改 oneArg 参数的值,从而使 oneArg 和 arguments[0] 的值都为 。在严格模式下,更改 arguments[0] 的值不会影响 oneArg 的值,因为 arguments 对象只是一个本地副本。、不允许使用arguments.callee
用了的下场就是这样:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them、不允许使用with
Uncaught SyntaxError: Strict mode code may not include a with statement为什么要使用严格模式既然这种模式这么多限制,我为什么还要用呢?闲得蛋疼吗?当然8是,JavaScript作为一门一开始用于浏览器的脚本语言,容错性非常好,即使有时候你的代码写的不标准,也不会报错,但这有时候会变成代码隐患。开启了严格模式之后,JavaScript的一些不合理的不严谨的语法都会得到控制,让你能够更严谨的书写JavaScript代码,成为一个更好的程序员。严格模式是ES5时代的产物,ES已经在普及的路上,是时候使用严格模式了!
参考 严格模式 严格模式原文:
基于JavaScript判断浏览器到底是关闭还是刷新(超准确) 本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文:页面加载时只执行onload页面关闭时只执行onunload页面刷新时先执行onbefo
基于JavaScript实现动态添加删除表格的行 又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对
javascript实现右侧弹出“分享到”窗口效果 本文实例讲解了javascript实现右侧弹出分享到窗口的详细代码,分享给大家供大家参考,具体内容如下效果图:具体代码:htmlheadmetacharset="gb"title/titles
标签: js怎么理解
本文链接地址:https://www.jiuchutong.com/biancheng/381695.html 转载请保留说明!上一篇:浅析JavaScript作用域链、执行上下文与闭包(javascript设计的初衷和特点)
下一篇:基于JavaScript判断浏览器到底是关闭还是刷新(超准确)(javascript判断)
友情链接: 武汉网站建设