JavaScript高级语法学习之严格模式

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于严格模式的相关问题,严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了“…

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于严格模式的相关问题,严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了“懒散模式”,下面一起来看一下,希望对大家有帮助。

JavaScript高级语法学习之严格模式

一、认识严格模式

在ECMAScript5标准中,JavaScript提出了严格模式的感念:

严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了“懒散模式”。

支持严格模式的浏览器在检测到代码中有严格模式时,会以更加严格的方式对代码进行检测和执行。

严格模式对正常的JavaScript语义进行了一些限制:

严格模式通过抛出错误来消除一些原有的静默错误。

严格模式让JS引擎在执行代码时可以进行更多的优化(不需要对一些特殊的语法进行处理)。

严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法。

二、开启严格模式

那么如何开启严格模式呢?严格模式支持粒度化的迁移:

可以支持在js文件中开启严格模式;

也支持对某一个函数开启严格模式;

三、严格模式限制

JavaScript被设计为新手开发者更容易上手,所以有时候本买错误语法,别认为也是可以正常被解析的;

但是这种方式可能给带来留下安全隐患;

在严格模式下,这种事务就会被当做错误,以便可以快速的发现和修正;

总结了一下几点常见的限制:

1、无法意外的创建全局变量

意外的创建全局变量的方式有两种:

全局不使用关键字直接声明全局变量

在函数内部不使用关键字声明变量 函数默认提升为全局变量

示例代码如下:

'usestrict'//禁止意外创建全局变量message='意外创建全局变量'console.log(message)//报错信息为:UncaughtReferenceError:messageisnotdefinedfunctionfoo(){age=20console.log(age)}foo()//ReferenceError:ageisnotdefined

2、严格模式下会使引起静默失败的赋值操作报出错误异常

示例代码如下:

//开启严格模式,将问题直接转化为报错'usestrict'constv=100;//(定义常量)v=1.14;//重新赋值(为变量)console.log(v);//UncaughtTypeError:Assignmenttoconstantvariable.

3、严格模式下试图删除不可删除的属性

严格模式下,不能对变量使用delect运算符。

(1)、对变量使用delete关键字

//开启严格模式'usestrict'varv=100;deletev;//非严格模式下:此处为静默失败,既没有报错也没有删除变量vconsole.log(v);//100//开启严格模式后,改为报错Deleteofanunqualifiedidentifierinstrictmode.

(2)、对数组和对方法属性使用delete关键字

严格模式下对数组和对方法属性使用delete关键字,效果不变。

//开启严格模式'usestrict'//1、严格模式下删除数组内容vararr=[1,2,3,4]deletearr[0];console.log(arr);//[<1emptyitem>,2,3,4]//2、严格模式下delete函数的属性varobj={name:'猪猪侠'}deleteobj.name;console.log(obj.name)//undefined

4、严格模式不允许函数参数有相同的名称

示例代码如下:

'usestrict'//不允许函数有相同的参数名称functionfoo2(x,y,x){console.log(x,y,x)}foo2(10,20,30)//SyntaxError:Duplicateparameternamenotallowedinthiscontext

5、不允许0的八进制语法

示例代码如下:

//不允许使用原先的八进制格式varnum1=0123varnum2=0o123//可以写成这种格式八进制varnum3=0x123//可以写成这种格式十六进制varnum4=0b100//可以写成这种格式二进制console.log(num1)//SyntaxError:Octalliteralsarenotallowedinstrictmode.console.log(num2,num3,num4)//832914

6、在严格模式下,不允许使用with

示例代码如下:

'usestrict'varmessage='HelloWorld';varobj={name:'jam',age:20}//with语句可以形成自己的作用域,在with语句中打印age时,会输出obj对象中的age属性,但在with语句中打印不存在的属性message时,会向外层的作用域一层一层去查找functionfoo(){with(obj){console.log(age)console.log(message)}console.log(message)}foo()//SyntaxError:Strictmodecodemaynotincludeawithstatement

7、在严格模式下,eval不再为上层引用变量

示例代码如下:

varjsString="varmessage='helloworld';console.log(message)"eval(jsString)//输出helloworldconsole.log(message)//报错信息为:ReferenceError:messageisnotdefined

开启严格模式 eval函数不会向上引用变量 所以全局作用域就没有message这个变量所以会报错

8、严格模式下,this绑定不会默认转成对象

示例代码如下:

'usestrict'//在严格模式下,自执行函数(默认绑定)会指向undefined,非严格模式下会指向windowfunctionfoo(){console.log(this)}foo()//undefined

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:https://www.chanpinyuan.cn/28045.html;
(0)
上一篇 2022年11月29日 下午4:17
下一篇 2022年11月29日 下午4:17

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部