js之with语句

Usage

with语句可以方便的引用某个对象中的属性，但是只能查询不能修改，在非严格模式下可以使用，简化了多次引用对象来获取属性值的麻烦（object.attributeName）

let obj = {
    name: 'hcx',
    age: 18,
    gender: '男'
}
let str = ''
with (obj) {
    str = name + ':' + age + '岁' + '、' +gender
}
console.log(str) //hcx:18岁、男

strict mode为何禁用with

还是上面的例子，我们将with语句中的代码改为

with (obj) {
    str = name + ':' + age + '岁' + '、' +gender + ',工作是' + job
}

上面的代码会报错Uncaught ReferenceError: job is not defined

es5的规范中指出： with语句为计算对象给当前执行环境的词法环境添加一个对象环境记录项，然后用这个增强的词法环境执行一个语句。最后，恢复到原来的词法环境。

可以理解为with语句改变了作用域链，在上面的代码中体现为，with语句块在执行中首页检查obj的job属性，发现没有再到上层作用域中查找，所以就出现了job is not defined的报错.

得出结论:在编译with语句块的时候是不能确定其内部的变量是obj的属性还是上层作用域链的变量，这与严格模式编译时检查变量是否定义有冲突，因此严格模式禁用with语句就不难理解了。