with语句
with语句已不推荐使用， 因为它可能是混淆错误和兼容性问题的根源 --- 在严格模式下也是不允许使用的
const info = {
name: 'Klaus'
}
const name = 'global'
// with和if一样是语句
// 可以在with的()中传入一个对象
// js查找变量或函数的时候，会优先去传入的对象中进行查找
// 如果查找不到再沿着原本的作用域链去进行查找
with(info) {
console.log(name) // => Klaus
}
eval
eval是一个特殊的函数，它可以将传入的字符串当做JavaScript代码来运行
eval的参数会直接交给JS解释器进行编译和解析，所以执行速度会比较快
但是eval存在如下几个缺点：
- eval代码的可读性非常的差(代码的可读性是高质量代码的重要原则)
- val是一个字符串，那么有可能在执行的过程中被刻意篡改，那么可能会造成被攻击的风险
- eval的执行必须经过JS解释器，不能被JS引擎优化，所以性能较差
所以不推荐在开发中使用eval函数
// 因为使用字符串进行代码的编写中没有换行
// 所以每一行的代码结束，必须使用分号进行分割
const str = "var name = 'Klaus'; console.log(name)"
eval(str) // => Klaus
strict mode
在ECMAScript5标准中，JavaScript提出了严格模式的概念(Strict Mode)
严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了 ”懒散(sloppy)模式“
支持严格模式的浏览器在检测到代码中有严格模式时，会以更加严格的方式对代码进行检测和执行
严格模式对正常的JavaScript语义进行了一些限制:
- 严格模式通过 抛出错误 来消除一些原有的 静默(silent)错误
- 所谓静默错误就是语句是错误的，但是浏览器并不报错，只是直接忽略不执行
- 严格模式让JS引擎在执行代码时可以进行更多的优化(不需要去进行一些容错处理)
- 严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法
- 在非严格模式下，JS可以使用保留字作为变量名，但是在严格模式下，是不允许的
开启严格模式的方式
文件粒度
// 文件粒度的严格模式 --- 在文件的第一行写上"use strict"
// "use strict"只能对当前文件开启严格模式，
// 如果在另一个文件中也需要开启严格模式，也是需要手动开启的
"use strict"
const info = {}
Object.defineProperty(info, 'age', {
value: 23,
writable: false
})
// 下面这行代码在非严格模式下就是静默错误
// 但是在严格模式下是会报错的
info.age = 18
console.log()
函数粒度
function foo() {
"use strict"
username = 'Klaus'
}
foo()
严格模式下常见的限制
-
无法意外的创建全局变量
-
严格模式会使引起静默失败(silently fail,注:不报错也没有任何效果)的赋值操作抛出异常
-
严格模式下试图删除不可删除的属性
-
严格模式不允许函数参数有相同的名称
-
不允许0的八进制语法，ES6可以使用O0开头的数字来表示八进制
-
在严格模式下，不允许使用with
-
在严格模式下，eval不再为上层引用变量
"use strict"
const str = "var name = 'Klaus'; console.log(name)"
eval(str) // => Klaus
// 在非严格模式下，str的name被eval执行后也会加入全局环境中
// 但是在严格模式下，会为eval函数的执行单独开启一个执行环境
// 所以在执行完eval后是获取不到name的值的
console.log(name)
// 当然，我们也可以为eval函数执行的代码单独开启严格模式
const str = "'use strict';var name = 'Klaus'; console.log(name)"
eval(str)
console.log(name)
- 严格模式下，this不能指向globalThis，会被设置为undefined
"use strict"
function foo() {
console.log(this) // => undefined
}
foo()
// 但是这条规则只适用于函数中的this，也就是使用默认调用时候的this绑定
// 在setTimeout等定时器中的时候，this依旧是指向的globalThis
// 因为其内部是使用apply进行了this的绑定
"use strict"
setTimeout(function() {
console.log(this) // => globalThis
}, 2000)
