本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了关于严格模式的相关问题，严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了“懒散模式”，下面一起来看一下，希望对大家有帮助。
【相关推荐：javascript视频教程、web前端】
一、认识严格模式
在ECMAScript5标准中，JavaScript提出了严格模式的感念：
严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了“懒散模式”。
支持严格模式的浏览器在检测到代码中有严格模式时，会以更加严格的方式对代码进行检测和执行。
严格模式对正常的JavaScript语义进行了一些限制：
严格模式通过 抛出错误来消除一些原有的 静默错误。
严格模式让JS引擎在执行代码时可以进行更多的优化（不需要对一些特殊的语法进行处理）。
严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法。
二、开启严格模式
那么如何开启严格模式呢？严格模式支持粒度化的迁移：
- 可以支持在js文件中开启严格模式；
- 也支持对某一个函数开启严格模式；
三、严格模式限制
JavaScript被设计为新手开发者更容易上手，所以有时候本买错误语法，别认为也是可以正常被解析的；
但是这种方式可能给带来留下安全隐患；
在严格模式下，这种事务就会被当做错误，以便可以快速的发现和修正；
总结了一下几点常见的限制：
1.无法意外的创建全局变量
意外的创建全局变量的方式有两种：
- 全局不使用关键字直接声明全局变量
- 在函数内部不使用关键字声明变量 函数默认提升为全局变量
示例代码如下：
复制代码1
2
3
4
5
6
7
8
9
10
'use strict'
// 禁止意外创建全局变量
message = '意外创建全局变量'
console.log(message) // 报错信息为：Uncaught ReferenceError: message is not defined
function foo () {
age = 20
console.log(age)
}
foo() // ReferenceError: age is not defined
登录后复制2.严格模式下会使引起静默失败的赋值操作报出错误异常
示例代码如下：
复制代码1
2
3
4
5
6
//开启严格模式，将问题直接转化为报错
'use strict'
const v = 100;//(定义常量)
v = 1.14;//重新赋值（为变量）
console.log(v); // Uncaught TypeError: Assignment to constant variable.
登录后复制3.严格模式下试图删除不可删除的属性
严格模式下，不能对变量使用delect运算符。
(1).对变量使用delete关键字
复制代码1
2
3
4
5
6
7
// 开启严格模式
'use strict'
var v = 100;
delete v;//非严格模式下：此处为静默失败，既没有报错也没有删除变量v
console.log(v);//100
//开启严格模式后，改为报错Delete of an unqualified identifier in strict mode.
登录后复制(2).对数组和对方法属性使用delete关键字
严格模式下对数组和对方法属性使用delete关键字，效果不变。
复制代码1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 开启严格模式
'use strict'
// 1、严格模式下删除数组内容
var arr = [1,2,3,4]
delete arr[0];
console.log(arr);//[ <1 empty item>, 2, 3, 4 ]
// 2、严格模式下delete函数的属性
var obj = {
name : '猪猪侠 '
}
delete obj.name;
console.log(obj.name)//undefined
登录后复制4.严格模式不允许函数参数有相同的名称
示例代码如下：
复制代码1
2
3
4
5
6
'use strict'
// 不允许函数有相同的参数名称
function foo2 (x, y, x) {
console.log(x, y, x)
}
foo2(10, 20, 30) // SyntaxError: Duplicate parameter name not allowed in this context
登录后复制5.不允许0的八进制语法
示例代码如下：
复制代码1
2
3
4
5
6
7
8
// 不允许使用原先的八进制格式
var num1 = 0123
var num2 = 0o123 // 可以写成这种格式 八进制
var num3 = 0x123 // 可以写成这种格式 十六进制
var num4 = 0b100 // 可以写成这种格式 二进制
console.log(num1) // SyntaxError: Octal literals are not allowed in strict mode.
console.log(num2, num3, num4) // 83 291 4
登录后复制6.在严格模式下，不允许使用with
示例代码如下：
复制代码1
2
3
4
5
6
7
8
9
10
11
12
13
'use strict'
var message = 'Hello World';
var obj = { name: 'jam', age: 20 }
// with语句可以形成自己的作用域,在with语句中打印age时，会输出obj对象中的age属性，但在with语句中打印不存在的属性message时，会向外层的作用域一层一层去查找
function foo () {
with (obj) {
console.log(age)
console.log(message)
}
console.log(message)
}
foo() // SyntaxError: Strict mode code may not include a with statement
登录后复制7.在严格模式下，eval不再为上层引用变量
示例代码如下：
复制代码1
2
3
var jsString = "var message = 'hello world';console.log(message)"
eval(jsString) // 输出 hello world
console.log(message) // 报错信息为：ReferenceError: message is not defined
登录后复制8.严格模式下，this绑定不会默认转成对象
示例代码如下：
复制代码1
2
3
4
5
6
'use strict'
// 在严格模式下，自执行函数（默认绑定）会指向undefined ，非严格模式下会指向window
function foo () {
console.log(this)
}
foo() // undefined
登录后复制【相关推荐：javascript视频教程、web前端】
以上就是JavaScript高级语法学习之严格模式的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是友好金毛最近收集整理的关于JavaScript高级语法学习之严格模式的全部内容，更多相关JavaScript高级语法学习之严格模式内容请搜索靠谱客的其他文章。
发表评论 取消回复