Bootstrap

一些奇奇怪怪的 JavaScript 操作

一些奇奇怪怪的 JavaScript 操作

  1. 在什么条件下if (a == 2 && a == 3) {}是成立的?
    先看一个奇怪的例子:
// 重写 number 类型数据的 value0f 方法
Number.prototype.value0f = function() { return 3 };

new Number( 2 ) == 3; // true (!!!)

2 == 3不会有这种问题,因为2和3都是数字基本类型值,不会调用 Number.prototype.value0f()方法。而Number(2)涉及ToPrimitive强制类型转换,因此会调用value0f()

通过上述例子我们可以发现,当对象和基本类型的数据进行宽松相等比较时,会先进行强制类型转换,这时候就会调用valueOf()方法。
而当我们思考if (a == 2 && a == 3) {}这个语句时,也许觉得这不可能,因为a不会同时等于2和3。但“同时”一词并不准确,因为a == 2a == 3之前执行。如果让a.value0f()每次调用都产生副作用,比如第一次返回2, 第二次返回3,就会出现这样的情况。这实现起来很简单:

var i=2;
Number.prototype.value0f = function() { return i++ };

var a = new Number( 42 );

if (a == 2 && a == 3) {
	console.log( "Yep, this happened." );
}

只需要这样重写一下value0f()就能达成目的了。

;