首页 > 代码库 > JavaScript 二、eval 和 with 函数

JavaScript 二、eval 和 with 函数

/*
* =========================================================
*
* JavaScript 词法欺骗
*
* 1.欺骗词法作用域,会导致性能下降。
* 2.引擎在代码中发现了,eval()和 with()函数时,引擎在词法阶段并不知道它们将接收的什么代码,引擎只能简单的假设关于标示符是无效的。
* 3.在javascript中编译源代码时,其中一步是对代码做大量的优化,当遇到上述两个函数时,引擎只能不做任何代码的优化,这个是降低性能的原因。
* 4.eval()和 with()函数,都将在运行时起到作用。
*
* =========================================================
* */

// function foo(str, a) {
// eval(str); // 欺骗词法
// console.log(a, b); // 1 3
// }
//
// var b = 2;
//
// foo("var b = 3;", 1);

//
// var obj = {
// a: 1,
// b: 2,
// c: 3
// };
//
// console.log(obj.a);
// console.log(obj.b);
// console.log(obj.c);

// with 通常被当作重复引用同一个对象中的多个属性的快捷方式。
// 但不推荐使用,因会改变当前作用域,降低性能,并且可能造成变量泄漏。
// 不用循环的重复的调用对象本身。
// with (obj) {
// a = 3;
// b = 4;
// c = 5;
// }
//
// console.log(obj.a);
// console.log(obj.b);
// console.log(obj.c);


// with
// 首先我们知道a = 2; 是一个赋值操作(LHS)。当foo传入一个引用(obj),with会改变该
// 引用作用域中的a属性值,当在该引用查找不到a变量时,作用域查找方式起到作用,向上层作用域执行查找a变量
// 在该引用作用域、foo作用域、全局作用域中,都没有找到a变量时,with 就自动创建了一个全局变量(如果在上述作用域中查找到a变量将会改变其变量值),
// 这也叫做变量泄漏,造成这个原因是a=2 执行的时赋值操作,根据javascript中的特性,赋值操作前没有见变量声明标示符时,javascript就自动创建一个全局变量。
// 前提是非严格模式下,才会产生以上内容,严格模式下,将完全禁止使用with函数。
// with 实际上是根据你传递给它的对象引用,凭空的创建出一个全新的词法作用域。

// var a = 10; // 这里可以验证with更改了a变量的值。如果没有定义这个变量,console.log( a );打印的也是2.
// function foo(obj) {
// with (obj) {
// a = 2; // 完全等于赋值操作
// }
// }
// var o1 = {a: 3};
// var o2 = {b: 3};
// foo(o1);
// console.log(o1.a); // 2
//
// foo( o2 );
// console.log( o2.a ); // undefined
// console.log( a ); // 2——不好,a 被泄漏到全局作用域上了!

JavaScript 二、eval 和 with 函数