第 38 题：下面代码中 a 在什么情况下会打印 1？

Question

第 38 题：下面代码中 a 在什么情况下会打印 1？

zpzxgcr opened this issue 7 years ago · 65 comments

题目如下

var a = ?;
if(a == 1 && a == 2 && a == 3){
 	conso.log(1);
}

答案解析因为==会进行隐式类型转换所以我们重写toString方法就可以了

var a = {
  i: 1,
  toString() {
    return a.i++;
  }
}

if( a == 1 && a == 2 && a == 3 ) {
  console.log(1);
}

Answer 1 · 2019-03-21T00:46:06.000Z

let a = [1,2,3];
a.toString = a.shift;
if( a == 1 && a == 2 && a == 3 ) {
  console.log(1);
}

Answer 2 · 2019-03-21T00:49:36.000Z

这题考察的应该是类型的隐式转换,考引用类型在比较运算符时候,隐式转换会调用本类型toString或valueOf方法.
解答：

var a = {num:0};
a.valueOf = function(){
  return ++a.num
}
if(a == 1 && a == 2 && a == 3){
  console.log(1);
}

Answer 3 · 2019-03-21T01:04:12.000Z

这个题目考察==的隐式转换吧

利用toString

let a = {
  i: 1,
  toString () {
    return a.i++
  }
}

if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

利用valueOf

let a = {
  i: 1,
  valueOf () {
    return a.i++
  }
}

if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

数组这个就有点妖了

var a = [1,2,3];
a.join = a.shift;
if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

ES6的symbol

let a = {[Symbol.toPrimitive]: ((i) => () => ++i) (0)};
if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

从 (a==1&&a==2&&a==3) 成立中看javascript的隐式类型转换

Answer 4 · 2019-03-21T03:42:21.000Z

let a = {
    gn: (function* () {
        yield 1;
        yield 2;
        yield 3;
    })(),
    valueOf() {
        return this.gn.next().value;
    }
};

Answer 5 · 2019-03-21T04:56:25.000Z

Object.defineProperty(window, 'a', {
    get: function() {
        return this.value += 1;
    }
});

要改下，不然报错。你这个挺好，可以做 ===

Object.defineProperty(window, 'a', {
    get: function() {
	if (this.value) {
	    return this.value += 1
	} else {
	    return this.value = 1;
	}
    }
});

Answer 6 · 2019-03-21T05:37:52.000Z

Object.defineProperty(window, 'a', {
    get: function() {
        return this.value += 1;
    }
});

要改下，不然报错。你这个挺好，可以做 ===

Object.defineProperty(window, 'a', {
    get: function() {
	if (this.value) {
	    return this.value += 1
	} else {
	    return this.value = 1;
	}
    }
});

精简一下代码：

Object.defineProperty(window, 'a', {
    get: function() {
          return this.value = this.value ? (this.value += 1) : 1;
    }
});

Answer 7 · 2019-03-21T14:24:30.000Z

一开始没转过来，群里老哥提了一声才想到这个方向

var a = Object.create({
    count: 0,
    valueOf: function() {
        return ++this.count;
    }
});

if (a == 1 && a == 2 && a == 3) {
    console.log(1);
}

Answer 8 · 2019-03-21T14:47:36.000Z

第一反应想到的是a = console.log(1)😂😂

Answer 9 · 2019-03-22T16:38:12.000Z

@XinJack 感觉你这个才是最优解啊，半天说不出一句话。

Answer 10 · 2019-03-27T01:40:42.000Z

@XinJack console.log() 的返回值是 undefined

Answer 11 · 2019-03-28T01:36:57.000Z

数组这个 a.join = a.shift; 没看懂啊

Answer 12 · 2019-03-28T07:46:45.000Z

数组这个 a.join = a.shift; 没看懂啊

把 shift 方法的引用，放到 a.join 上的。覆盖原来的 join 方法

Answer 13 · 2019-03-29T07:05:22.000Z

数组这个 a.join = a.shift; 没看懂啊

把 shift 方法的引用，放到 a.join 上的。覆盖原来的 join 方法

为啥a==1之后会执行join(shift)函数？

Answer 14 · 2019-03-30T02:06:44.000Z

@seujzhang 执行 a ==1 会进行隐式转换

Answer 15 · 2019-03-30T03:14:53.000Z

@seujzhang 执行 a ==1 会进行隐式转换

小白求教下，是不是这样的：在执行a==1的时候，会尝试对a进行隐式转换，此时隐式转换会调用Array的join方法，而此时join方法被shift覆盖，所以调用的实际上是shift方法，弹出1，然后相等，再弹出2相等，弹出3相等，最后console执行。

Answer 16 · 2019-04-02T07:45:23.000Z

这个题目考察==的隐式转换吧

利用toString

let a = {
  i: 1,
  toString () {
    return a.i++
  }
}

if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

利用valueOf

let a = {
  i: 1,
  valueOf () {
    return a.i++
  }
}

if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

数组这个就有点妖了

var a = [1,2,3];
a.join = a.shift;
if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

ES6的symbol

let a = {[Symbol.toPrimitive]: ((i) => () => ++i) (0)};
if(a == 1 && a == 2 && a == 3) {
  console.log('1');
}

从 (a==1&&a==2&&a==3) 成立中看javascript的隐式类型转换

这个a.join = a.shift 是什么意思还能这样子赋值麽。

Answer 17 · 2019-04-03T09:10:37.000Z

第一反应想到的是a = console.log(1)😂😂

为什么总有一些让人眼前一亮的答案😂

Answer 18 · 2019-04-08T00:07:33.000Z

对象转原始类型
Symbol.toPrimitive 优先级最高

var a = {
    i: 1,
    valueOf() {
        return a.i++;
    },
    toString() {
        return a.i++;
    },
    [Symbol.toPrimitive]() {
        return a.i++;
    }
}

if ( a == 1 && a == 2 && a == 3 ) {
  console.log(1);
}

Answer 19 · 2019-04-08T08:39:53.000Z

来一手另类的👋👋

Object.prototype.toString = (function () {
  var t = 1;
  return function () {
    return t++;
  }
})()
var a = {}
a == 1 && a == 2 && a == 3  // true

Answer 20 · 2019-04-20T03:07:18.000Z

var a = {
   value: 1,
   toString: function() {
     return a.value++;
   },
};
if(a == 1 && a == 2 && a == 3){
  console.log(1);
}

Answer 21 · 2019-07-12T08:48:45.000Z

第一反应想到的是a = console.log（1）

蔡徐坤行为-_-!!!

Answer 22 · 2019-07-12T08:51:01.000Z

第一反应想到的是a = console.log(1)joyjoy

为什么总有一些让人眼前一亮的答案

这操作属实有点优秀啊

Answer 23 · 2019-07-19T05:32:53.000Z

var a = true;

Answer 24 · 2019-07-23T07:54:23.000Z

let i = 1;
let a = new Proxy({},{
i:1,
get(){
return ()=> this.i++
}
})
console.log(a==1&&a==2&&a==3)

Answer 25 · 2019-07-23T10:51:28.000Z

解释一下好吗?

Answer 26 · 2019-07-23T11:55:11.000Z

var a = {
    i: 1,
    toString () {
        return this.i++
    }
}

if (a == 1 && a == 2 && a == 3) {
    console.log('真棒')
}

Answer 27 · 2019-07-27T08:54:11.000Z

为什么a==true不行？

Answer 28 · 2019-07-27T09:18:49.000Z

为什么a==true不行？

规范 11.9.3.6-7 是这样说的：
(1) 如果 Type(x) 是布尔类型，则返回 ToNumber(x) == y 的结果；
(2) 如果 Type(y) 是布尔类型，则返回 x == ToNumber(y) 的结果。
所以true==2；会先将true转为1,1==2即false

Answer 29 · 2019-07-28T00:35:57.000Z

var a = {
	arr: [1,2,3],
	toString: function() {
		return  this.arr.shift();
	}
};

Answer 30 · 2019-07-30T02:34:58.000Z

题目如下

var a = ?;
if(a == 1 && a == 2 && a == 3){
 	conso.log(1);
}

答案解析因为==会进行隐式类型转换所以我们重写toString方法就可以了

var a = {
  i: 1,
  toString() {
    return a.i++;
  }
}

if( a == 1 && a == 2 && a == 3 ) {
  console.log(1);
}

我想提一点

Answer 31 · 2019-08-14T06:01:56.000Z

楼上这些答案已经很好了。我想请教一下在什么场景下才会应用到题目中的代码？

Answer 32 · 2019-08-14T07:39:08.000Z

楼上这些答案已经很好了。我想请教一下在什么场景下才会应用到题目中的代码？

没有使用场景，仅仅是考察==隐式转换这个知识点。

Answer 33 · 2019-08-15T14:05:32.000Z

突然发现js编程的乐趣~~~

Answer 34 · 2019-09-06T07:31:14.000Z

var a = {
toString: function(){ //隐式转换，对象和数字做对比时，系统自动调用
this.index ++;
return this.index;
},
index:0
}

if(a ==1 && a==2 && a==3){
console.log(1)
}

Answer 35 · 2019-10-11T04:09:32.000Z

// 使用valueOf
   var a = {
      value: 1,
      valueOf: function() {
        return this.value++
      }
    }

// 使用toString
   var a = {
      value: 1,
      toString: function() {
        return this.value++
      }
    }

但是请注意，如果两个同时存在，则valueOf优先级高于toString，而且
String(a) 调用的是toString

Answer 36 · 2019-11-28T09:26:45.000Z

第一反应想到的是a = console.log(1)😂😂

JavaScript 的乐趣就在于此 💯

Answer 37 · 2019-12-16T03:22:37.000Z

var a = ?;
if(a == 1 && a == 2 && a == 3){
  console.log(1);
}

Answer 38 · 2019-12-31T06:45:13.000Z

正好掘金文章有相关解释

Answer 39 · 2020-03-03T11:15:54.000Z

看到答案瞬间懵逼...
这个东西反常识，写代码单元测试的人直接吐血...

Answer 40 · 2020-03-04T02:22:06.000Z

数组这个 a.join = a.shift; 没看懂啊

数组隐式转换成字符串之前会执行一次join操作-> a.valueOf().join().toString()

Answer 41 · 2020-03-10T10:43:33.000Z

现在都推===和typescript了，还在考这些垃圾特性...

Answer 42 · 2020-03-10T11:51:58.000Z

现在都推===和typescript了，还在考这些垃圾特性...

哈哈哈哈

Answer 43 · 2020-04-02T03:17:36.000Z

var a = {
  num: 1,
  valueOf() {
    return a.num++
  }
}
console.log(a == 1 && a == 2 && a == 3, '1-------')

var b = {
  num: 1,
  toString() {
    return b.num++
  }
}
console.log(b == 1 && b == 2 && b == 3, '2-------')

var c = {
  num: 1,
  [Symbol.toPrimitive](h) {
    return c.num++
  }
}
console.log(c == 1 && c == 2 && c == 3, '3-------')

var d = new Proxy(
  {},
  {
    i: 1,
    get: function() {
      return () => this.i++
    }
  }
)
console.log(d == 1 && d == 2 && d == 3, '4-------')

efun = {
  i: 1,
  get: function() {
    return efun.i++
  }
}
Object.defineProperty(global, 'e', efun)
console.log(e == 1 && e == 2 && e == 3, '5-------')

var f = [1, 2, 3]
f.join = f.shift
console.log(f == 1 && f == 2 && f == 3, '6-------')

var g = {
  i: 123,
  reg: /\d/g,
  valueOf() {
    return this.reg.exec(this.i)[0]
  }
}
console.log(g == 1 && g == 2 && g == 3, '7-------')

Answer 44 · 2020-04-07T04:47:48.000Z

https://blog.csdn.net/itcast_cn/article/details/82887895

Answer 45 · 2020-04-14T06:13:06.000Z

数组这个 a.join = a.shift; 没看懂啊

如何a是Array，a==1 会自动数据类型的转换，也就是调用a.join方法，而a.shift是deleteArray的第一元素并返回delete的元素，understand?

Answer 46 · 2020-06-06T07:23:42.000Z

来个*的

var a = new Number()
a.valueOf = (a=>()=>a++)(1)
if ( a == 1 && a == 2 && a == 3 ) {
  console.log('1');
}

Answer 47 · 2020-06-10T08:43:24.000Z

var a = 1;
if(!(a == 1 && a == 2 && a == 3)){
 	console.log(1);
}

Answer 48 · 2020-06-15T08:48:49.000Z

@XinJack console.log() 的返回值是 undefined

但也达到了打印 1 的目的啊

Answer 49 · 2020-07-14T07:35:59.000Z

@seujzhang 执行 a ==1 会进行隐式转换

小白求教下，是不是这样的：在执行a==1的时候，会尝试对a进行隐式转换，此时隐式转换会调用Array的join方法，而此时join方法被shift覆盖，所以调用的实际上是shift方法，弹出1，然后相等，再弹出2相等，弹出3相等，最后console执行。

对，你打印一下a就看到了，实际上是給a添加一个join属性，这个属性就是shift方法，所以a.join是一个方法，隐士转换的时候调用a
的join()方法，而此时a自己有join属性了，就不会去Array原型链上找了，而a.join === Array.prototype.shift; 所以执行a.join()就相当于执行Array.prototype.shift方法，

Answer 50 · 2020-07-22T09:19:06.000Z

let i = 0
Object.defineProperty('window', 'a', {
  get:()=>{
     return ++i
 }
}

Answer 51 · 2020-07-22T09:40:27.000Z

第一次访问a的值在 2020-07-22 17:19:26，zengkaiz <notifications@github.com> 写道： leti=0Object.defineProperty('window','a',{get:()=>{return++i}} — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

Answer 52 · 2020-07-30T09:49:18.000Z

var a = [1,2,3];
a.join = a.shift;
if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

//
var a = {
   i: 0,
   toString: function(){
        return this.i += 1;
   } 
};

if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

//
var a = {
   i: 0,
   valueOf: function(){
        return this.i += 1;
   } 
};

if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

//
Object.defineProperty(window, 'a', {

    get: function(){
        return this.value = this.value ? （this.value +=1）  : 1;
}
});

if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

//
var value = 0;
Object.defineProperty(window, 'a', {
    get: function(){
        return this.value += 1;
    }
});
if(a == 1 && a == 2 && a == 3){
 	console.log(1);
};

Answer 53 · 2021-04-22T05:25:04.000Z

来一手另类的👋👋

Object.prototype.toString = (function () {
  var t = 1;
  return function () {
    return t++;
  }
})()
var a = {}
a == 1 && a == 2 && a == 3  // true

覆盖原型还是不太好

Answer 54 · 2021-04-25T12:40:12.000Z

var a = a ? ++a : 1;
if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

// 下面的也能输出
if(a === 1 && a === 2 && a === 3){
 	console.log(1);
}

这样不香嘛

Answer 55 · 2021-05-08T09:09:17.000Z

    let times = 0;
    var a = {
      [Symbol.toPrimitive]: function () {
        return ++times;
      }
    };
    if (a == 1 && a == 2 && a == 3) {
      console.log(1);
    }

Answer 56 · 2021-05-30T15:48:02.000Z

最先想到的是get, set, 这样好像就没有var a了, 感觉有点偏题, 不过估计知识点应该是valueOf, toString, 哈哈哈

Object.defineProperty(window, 'a', {
  get: (function() {
    var i = 1
    return function () {
      return i++
    }
  })(),
  set: function(val) {
    return val
  }
})

if(a == 1 && a == 2 && a == 3){
  console.log(1);
}

Answer 57 · 2021-07-16T09:02:29.000Z

var a = (function b(num){
  b.valueOf=function(){return ++num}
  return b
})(0)

Answer 58 · 2021-08-19T11:47:39.000Z

为什么a==true不行？

Boolean和其他类型比较，先被转换为Number，true被转换成 1

Answer 59 · 2021-08-19T11:50:38.000Z

数组这个 a.join = a.shift; 没看懂啊

如何a是Array，a==1 会自动数据类型的转换，也就是调用a.join方法，而a.shift是deleteArray的第一元素并返回delete的元素，understand?

@ihoneys 啊？隐式类型转换还会调用 join 方法，我还以为就 toString 和 valueOf 呢，还有就是那个拆箱时ToPrimitive，还会调用哪些方法？

Answer 60 · 2021-08-30T10:19:39.000Z

var a = a ? ++a : 1;
if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

// 下面的也能输出
if(a === 1 && a === 2 && a === 3){
 	console.log(1);
}

这样不香嘛

这个在那个环境运行的，我咋没打印出来1 啊

Answer 61 · 2021-09-05T14:59:50.000Z

Object.defineProperty(window, 'a', {
    get: function() {
        return this.value += 1;
    }
});

要改下，不然报错。你这个挺好，可以做 ===

Object.defineProperty(window, 'a', {
    get: function() {
	if (this.value) {
	    return this.value += 1
	} else {
	    return this.value = 1;
	}
    }
});

精简一下代码：

Object.defineProperty(window, 'a', {
    get: function() {
          return this.value = this.value ? (this.value += 1) : 1;
    }
});

再精简一下：

Object.defineProperty(window, 'a', {
    get: function() {
          return this.value = (this.value || 0) + 1;
    }
});

Answer 62 · 2021-09-10T02:43:14.000Z

第一反应想到的是a = console.log(1)😂😂

这都没有进 if 语句啊😂

Answer 63 · 2022-07-13T05:49:05.000Z

（京东）下面代码中 a 在什么情况下会打印 1？
var a = ?;
if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

var a = {
  value: 1,
  toString() {
    return this.value++
  }
};

if(a == 1 && a == 2 && a == 3){
 	console.log(1);	// 1
}

var a = {
	arr: [1,2,3],
	toString: function() {
		return  this.arr.shift();
	}
};

if(a == 1 && a == 2 && a == 3){
 	console.log(1);	// 1
}

var a = {
	value: [1,2,3],
	toString: function() {
		return this.value.shift();
	},
  valueOf() {
    return 0
  }
};

console.log(a == 0)	// true

if(a == 1 && a == 2 && a == 3){
  console.log(1);
}

var a = {
	value: [1,2,3],
	toString: function() {
		return this.value.shift();
	},
  valueOf() {
    return {}
  }
};


if(a == 1 && a == 2 && a == 3){
  console.log(1);	// 1
}

var a = {
	value: [1,2,3],
	toString: function() {
		return {}
	},
  valueOf() {
    return {}
  }
};

// TypeError: Cannot convert object to primitive value
if(a == 1 && a == 2 && a == 3){
  console.log(1);
}

确定两个变量是否相等是编程中的一个非常重要的操作
- 在比较字符串、数值和布尔值的相等性时，问题还比较简单；但在涉及到对象的比较时，问题就变得复杂了
- 最早的ECMAScript中的相等和不等操作符会在执行比较之前，先将对象转换成相似的类型。后来，有人提出了这种转换到底是否合理的质疑
- 最后，ECMAScript的解决方案就是提供两组操作符：
  - 相等和不相等：先转换再比较
  - 全等和不全等：仅比较而不转换
相等（==）和不相等（!=）在转换不同的数据类型时，遵循下列基本规则：
- 如果有一个操作数是布尔值，则先将其转换为数值；（这也是为什么a = true不行的原因）
- 如果有一个操作数是字符串，另一个操作数是数值，则先将字符串转换为数值
- 如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较；**如果valueOf()也得不到基本类型值，则会调用toString()；**如果toString()也得不到基本类型值，则会报错：TypeError: Cannot convert object to primitive value

Answer 64 · 2022-07-21T07:18:28.000Z

var a = 1
if(a == 1 && ++a == 2 && ++a == 3){
  console.log(1);
}

Answer 65 · 2023-08-07T06:51:34.000Z

估计设计语言的时候，也没想到被这群屌人玩的这么花。