首页 > web前端 > js教程 > 正文

浅析js中严格模式所需掌握的内容

不言
发布: 2018-08-29 16:20:35
原创
1305 人浏览过

本篇文章给大家带来的内容是关于浅析js中严格模式所需掌握的内容,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

严格模式

首先来了解一下严格模式是什么?
严格模式是JavaScript中的一种限制性更强的变种方式,不是一个子集:它在语义上与正常代码有明显的差异,不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样,所以不要在未经严格模式特性测试情况下使用严格模式,严格模式可以与非严格模式共存,所以脚本可以逐渐的选择性加入严格模式

  • 严格模式的目的

首先,严格模式会将JavaScript陷阱直接变成明显的错误,其次,严格模式修正了一些引擎难以优化的错误:同样的代码有些时候严格模式会比非严格模式下更快,第三,严格模式禁用了一些有可能在未来版本中定义的语法

  • 全局开启严格模式

在JavaScript中想要开启严格模式,需要在所有代码之前,定义一个不会赋给任何变量的字符串:

'use strict';//或者"use strict"
登录后复制

如果之前的JavaScript是非严格模式的话,建议不要盲目为这段代码开启严格模式,这样可能会出现问题,建议按一个个函数去开启严格模式
也可以为某个指定的函数开启严格模式:

//函数外部依旧是非严格模式
function fun(){
    'user strict';//开启严格模式
}
登录后复制

在匿名函数中使用严格模式,相当于在全局开启严格模式的变通实现方式

(function(){
    'use strict';//开启严格模式
})();
登录后复制
  • 禁止意外创建变量

在严格模式下,不允许意外创建全局变量
下例代码是非严格模式下意外创建全局变量

//未声明的变量
result='这是一个没用var声明的全局变量';
登录后复制

下例代码是严格模式下意外创建全局变量

'use strict';//开启严格模式
//严格模式下,意外创建全局变量,抛出ReferenceError
message='this is message';//ReferenceError: result is not defined
登录后复制
  • 静默失败转为异常

静默失败就是既不报错也没有任何效果,例如改变常量的值,在严格模式下,静默失败会转换成抛出异常,注意:这个分浏览器,有些浏览器会,有些不会
下例代码是非严格模式下的静默失败

const PI=3.14;
PI=1.14;//静默失败
console.log(PI);//3.14
登录后复制

下例代码是严格模式下的静默失败

'use strict';//开启严格模式

const PI=3.14;
PI=1.14;//抛出TypeError错误
登录后复制
  • 禁用delete关键字

在严格模式下,不能对变量使用delete运算符
下例代码是非严格模式下使用delete运算符,结果会静默失败

var color='red';
delete color;
登录后复制

下例代码是严格模式下使用delete运算符,结果会抛出异常

'use strict';//开启严格模式

var color='red';
delete color;//SyntaxError: Delete of an unqualified identifier in strict mode.
登录后复制
  • 对变量名的限制

在严格模式下,JavaScript对变量名也有限制,特别不能使用implements,interface,let,packge,private,protected,public,stalic,yield这些内容作为变量名,它们都是保留字,在ECMAScript的下一个版本中可能会用到它们,在严格模式下,使用这些标识符作为变量名会导致语法错误

  • 不可删除的属性

在严格模式下,不能使用delete运算符删除不可删除的属性
下例代码是非严格模式下使用delete运算符删除不可删除的属性,结果是静默失败

delete Object.prototype;
登录后复制

下例代码是严格模式下使用delete运算符删除不可删除的属性,结果会抛出异常

'use strict';//开启严格模式
delete Object.prototype;//TypeError: Cannot delete property 'prototype' of function Object() { [native code] }
登录后复制
  • 属性名必须唯一

在严格模式下,一个对象的所有属性名在对象内必须唯一
下例代码是非严格模式下重名属性是允许的,最后一个重名的属性决定其属性值

var o={p:1,p:2};
登录后复制

下例代码是严格模式下重名属性被认为是语法错误

'use strict';//开启严格模式
var o={p:1,p:2};//不报错但是语法错误
登录后复制
  • 只读属性的赋值

在严格模式下,不能为一个只读的属性进行重新赋值
下例代码是非严格模式为只读属性重新赋值,结果会静默失败

var obj={};
Object.defineProperty(obj,'name',{
    value:'张三',
    writable:false
});//将属性设置为只读
obj.name='李四';
登录后复制

下例代码是严格模式下为只读属性重新赋值,结果会抛出异常

'use strict';//开启严格模式
var obj={};
Object.defineProperty(obj,'name',{
    value:'张三',
    writable:false
});//将属性设置为只读
obj.name='李四';//TypeError: Cannot assign to read only property 'name' of object '#<Object>'
登录后复制
  • 不可扩展的对象

在严格模式下,不能为不可扩展的对象添加新属性
下例代码是非严格模式为不可扩展的对象添加新属性,结果会静默失败

var obj={};
Object.preventExtensinons(obj);//将对象设置为不可扩展
obj.name='张三';
登录后复制

下例代码是严格模式下不可扩展的对象添加新属性,结果会抛出异常

'use strict';//开启严格模式

var obj={};
Object.preventExtensions(obj);//将对象变得不可扩展
obj.name='张三';//TypeError: Cannot add property name, object is not extensible
登录后复制
  • 参数名必须唯一

在严格模式下,要求命名函数的参数必须唯一
下例代码是非严格模式下最后一个重名参数名会掩盖之前的重名参数,之前的参数仍然可以通过arguments[i]来访问

function sum(a,a,c){}
登录后复制

下例代码是严格模式下重名参数被认为是语法错误

function sum(a,a,c){//语法错误
    'use strict';
    return a+a+c;//代码运行到这里会出错:SyntaxError: Duplicate parameter name not allowed in this context
}
登录后复制
  • arguments的不同

在严格模式下,arguments对象的行为也有所不同
1.非严格模式下,修改命名参数的值也会反应到arguments对象中
2.严格模式下,命名参数与arguments对象是完全独立的

function fun(value){
    value='haha';
    console.log(value);//haha
    console.log(arguments[0]);//非严格模式下 hah
                              //严格模式下 hello
}

showValue('hello');
``

 - arguments.callee()
在严格模式下,不能使用arguments对象的callee()方法
下例代码是非严格模式下使用arguments对象的callee()方法,表示调用函数本身
登录后复制
var f=function(){
return arguments.callee;
};
f();
登录后复制
下例代码是严格模式下使用arguments对象的callee()方法,结果会抛出异常
登录后复制
'use strict';//开启严格模式
var f=function(){
return arguments.callee;
}
f();
/TypeError: 'caller', 'callee', and 'arguments' properties 
may not be accessed on strict mode functions or the arguments objects 
for calls to them/
登录后复制
 - 函数声明的限制
在严格模式下,只能在全局域和函数域中声明函数
下例代码非严格模式下在任何位置声明函数都是合法的
登录后复制
if(true){
function f(){}
}
登录后复制
下例是严格模式下在除全局域和函数域中声明函数是语法错误
登录后复制
'use strict';//开启严格模式
if(true){
function f(){}//语法错误,但是不报错
}
登录后复制
 - 增加eval作用域
在严格模式下,使用eval()函数创建的变量只能在eval()函数内部使用
下例代码是非严格模式下eval()函数创建的变量在其他位置可以使用
登录后复制
eval(&#39;var n=40&#39;);
console.log(n);//40
登录后复制
下例代码是严格模式下eval()函数创建的变量只能在eval()函数内部使用
登录后复制
&#39;use strict&#39;;//开启严格模式
eval(&#39;var n=40&#39;);
console.log(n);//ReferenceError: n is not defined
登录后复制
 - 禁止读写
在严格模式下,禁止使用eval()和arguments作为标识符,也不允许读写它们的值
1.使用var声明
2.赋予另一个值
3.尝试修改包含的值
4.用作函数名
5.用作命名的函数的参数
6.在try...catch语句中用作例外名
在严格模式下,以下所有尝试将导致语法错误:
登录后复制
&#39;use strict&#39;;//开启严格模式
eval=17;
arguments++;
++eval;
var obj={set p(arguments){}};
var eval;
try{}catch(arguments){}
function x(eval){}
function argunments(){}
var y=function eval(){}
var f=new Function(&#39;arguments&#39;,&#39;"use strict";return 20;&#39;);
登录后复制
 - 抑制this
在非严格模式下使用函数apply()或call()方法时,null或undefined值会被转换为全局对象
在严格模式下,函数的this值始终是指定的值(无论什么值)。
登录后复制
var color=&#39;red&#39;;
function sayColor(){
console.log(this.color);//非严格模式下 red
                    /*严格模式下:TypeError: Cannot 
                     read property &#39;color&#39; of null*/
                     }
登录后复制

相关推荐:

JS设计模式之构造器模式详解

怎么使用JS严格模式

以上是浅析js中严格模式所需掌握的内容的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板