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

 2585

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


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


一、认识严格模式

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

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

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

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

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

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

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

二、开启严格模式

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

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

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

三、严格模式限制

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

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

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

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

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

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

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

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

示例代码如下:

  1. 'use strict'
  2. // 禁止意外创建全局变量
  3. message = '意外创建全局变量'
  4. console.log(message) // 报错信息为:Uncaught ReferenceError: message is not defined
  5.  
  6. function foo () {
  7.     age = 20
  8.     console.log(age)
  9. }
  10. foo() // ReferenceError: age is not defined


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

示例代码如下:

  1. //开启严格模式,将问题直接转化为报错
  2. 'use strict'
  3. const v = 100;//(定义常量)
  4. = 1.14;//重新赋值(为变量)
  5.  
  6. console.log(v); // Uncaught TypeError: Assignment to constant variable.


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

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

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

  1. // 开启严格模式
  2. 'use strict'
  3.  
  4. var v = 100;
  5. delete v;//非严格模式下:此处为静默失败,既没有报错也没有删除变量v
  6. console.log(v);//100
  7. //开启严格模式后,改为报错Delete of an unqualified identifier in strict mode.

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

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

  1. // 开启严格模式
  2. 'use strict'
  3.  
  4. // 1、严格模式下删除数组内容
  5. var arr = [1,2,3,4]
  6. delete arr[0];
  7. console.log(arr);//[ <1 empty item>, 2, 3, 4 ]
  8.  
  9. // 2、严格模式下delete函数的属性
  10. var obj  =  {
  11.     name : '猪猪侠 '
  12. }
  13. delete obj.name;
  14. console.log(obj.name)//undefined


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

示例代码如下:

  1. 'use strict'
  2. // 不允许函数有相同的参数名称
  3. function foo2 (x, y, x) {
  4.     console.log(x, y, x)
  5. }
  6. foo2(10, 20, 30) // SyntaxError: Duplicate parameter name not allowed in this context


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

示例代码如下:

  1. // 不允许使用原先的八进制格式
  2. var num1 = 0123
  3. var num2 = 0o123 // 可以写成这种格式 八进制
  4. var num3 = 0x123 // 可以写成这种格式 十六进制
  5. var num4 = 0b100 // 可以写成这种格式 二进制
  6.  
  7. console.log(num1) // SyntaxError: Octal literals are not allowed in strict mode.
  8. console.log(num2, num3, num4) // 83 291 4


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

示例代码如下:

  1. 'use strict'
  2. var message = 'Hello World';
  3.  
  4. var obj = { name: 'jam', age: 20 }
  5. // with语句可以形成自己的作用域,在with语句中打印age时,会输出obj对象中的age属性,但在with语句中打印不存在的属性message时,会向外层的作用域一层一层去查找
  6. function foo () {
  7.     with (obj) {
  8.         console.log(age) 
  9.         console.log(message) 
  10.     }
  11.     console.log(message)
  12. }
  13. foo() // SyntaxError: Strict mode code may not include a with statement


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

示例代码如下:

  1. var jsString = "var message = 'hello world';console.log(message)"
  2. eval(jsString) // 输出  hello world
  3. console.log(message) // 报错信息为:ReferenceError: message is not defined

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


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

示例代码如下:

  1. 'use strict'
  2. // 在严格模式下,自执行函数(默认绑定)会指向undefined  ,非严格模式下会指向window
  3. function foo () {
  4.     console.log(this)
  5. }
  6. foo() // undefined


本文网址:https://www.zztuku.com/detail-12091.html
站长图库 - JavaScript高级语法学习之严格模式
申明:本文转载于《CSDN》,如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐

    聊聊Bootstrap4中的网格系统