同学，这道题你会做吗？

[xcold]

又到了新的收获 (offer) 的季节，当前秋招正如火如荼，各位少侠是否在忙着准备面试和前端的技术题呢？

题目介绍

今天小编给大家出道题考考大家的 JavaScript 基础，如果你先知先觉，说明一定做足了功课，万一后知后觉猜到了答案，也别忘了给个点赞打赏小编这一番“深入浅出”的操作。

废话不多说，有这样一个问题：console.log(a == 1 && a == 2 && a == 3) 运行之后是否可能输出 true 呢？

问题剖析

近看之这像是一个自相矛盾的结果，不大可能出现，但直觉告诉我们这种__看上去不可以又问你可不可以的问题__答案通常都是可以！那么问题的关键就是找到那个符合条件的变量 a。接下来我们逐步拆解这个问题：

1. 变量 a 可能是什么类型？

JavaScript 里面有 Undefined、Null、Boolean、Number、String、Symbol 六种基本类型和 Object 类型。

1. 这几种基本类型的值和数字进行比较，使用 == 运算符，可能发生类型转换。具体转换规则如下表：

如果 a 是 undefind 或者 null，比较结果是 false。 如果 a 是 Number 类型，直接和 1、2、3 比较，无法同时满足连续相等。 如果 a 是 Boolean 类型，会先转换成数字然后进行比较。具体规则是 true 转化为 1，false 转化为 0。也无法实现连续相等。 如果 a 是 String 类型，也会先转换为数字再进行比较。一个字符串可以转换成一个数字或 NaN，不满足条件。 如果 a 是 Object 类型，会先转换成基础值（ Number、String、Boolean ），用基础值再去比较。当转换成基础值的时候会调用对象的 toString 或 valueOf 方法。好像可以！

1. 有没有办法让 a 在每一次运算之后递增？ 这个比较简单，在 valueOf 或者 toString 方法返回值的时候递增就可以了。

想明白上面的问题之后，很自然地可以得到下面的实现。

const a = {
    val: 1,
    toString() {
        return a.val++;
    }
};

回顾总结

回顾一下剖析问题的整个过程，才发现这道题里面考察了很多前端基础，比如：

1. JavaScript 里面有哪些数据类型？
2. == 和 === 有什么区别？
3. 不同类型之间进行比较转换的规则是怎样的？
4. undefined 和 null 有什么区别？
5. 对象相关的知识点...

面试题如同跟考试一样，刷题的时候如果能够举一反三多思考，能够很好地帮助我们查漏补缺，巩固基础。这个问题还有许多其他巧妙的解法（甚至你可以试图改造 console.log ），大家不妨试一试。

[1] 题目来源：https://stackoverflow.com/questions/48270127/can-a-1-a-2-a-3-ever-evaluate-to-true [2] 表格来源：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness#Loose_equality_using

阿里巴巴 TXD 团队校招已经开始了，还等什么？！赶紧扫描下方二维码找师兄内推啊！

[jmc891205]

面试的时候问这种问题 怕不是失了智

[rabbbit]

一句话
类型相同不转换,不同就往数字转.
完了

[xcold]

@jmc891205 其实也不一定非要候选人能答出这个问题，只是通过一个点来挖掘候选人的技术基础

[qiutianaimeili]

http://qiutianaimeili.com/html/page/2018/02/ig2kg3s07in.html

我的网站有一些前端偏僻问题的记录

[congeec]

我用 typesccript
:doge:

[hahastudio]

现实中这么写怕不是会被其他人打死

[Phariel]

骚年 你变量不初始化就在使用你不怕被工头素质三连吗？

这种题到底有什么意义？

[v2xe2v]

@jmc891205 我觉得面试这种问题的也是失了智 为了面试而面试 ？

[maichael]

脑筋急转弯

[VoidChen]

意义大概在于你能不能往那方面去思考吧

[ericls]

这些东西跟技术有啥关系？

[learnshare]

这种问题的意义是？

[blackjar]

JavaScript 跟 "技术基础" 矛盾了

[rabbbit]

请回答一下以下结果
1
["1", "2", "3"].map(parseInt)
2
[typeof null, null instanceof Object]
3
[typeof null, null instanceof Object]
4
var val = 'smtg';
console.log('Value is ' + (val === 'smtg') ? 'Something' : 'Nothing');

[rabbbit]

3
[ [3,2,1].reduce(Math.pow), [].reduce(Math.pow) ]

[UGLW]

> 回顾一下剖析问题的整个过程，才发现这道题里面考察了很多前端基础，比如：...
题还是挺好的吧。不过对于一时回答不上来的，引导一下就好了。

[SimbaPeng]

文言文有啥意义？现实中用文言文怕不是失了智？怕不是会被打死？可你们不还是从小学到大、考到大？

[UGLW]

@rabbbit 问题都是好的，就看面试官怎么引导，能不能一步一步引导，问到点上。

[qiutianaimeili]

要说奇技淫巧，js 里面还是很多的：
例如:
如何区别+0 和-0
++[[]][0]结果是多少
[]和![]是否相等
{}+[]是否等于[]+{}
等。。

[Tink]

无法想象拿 Object 跟一个数字去比

[SimbaPeng]

明显就是考察你的基础知识，你连这题都答不出来的话，凭什么让面试官相信你不会因为对 js 的某些‘糟粕’特性不熟悉而在实际代码中引入 BUG ？

[bilibiliQQ]

这种图是用什么软件做的？
[]( http://https://cdn.nlark.com/lark/0/2018/png/1361/1532610446027-632bc09e-cd5f-40e9-85ef-f0f80f581e96.png)

[dddd1919]

废话不多说，有这样一个问题：console.log(a == 1 && a == 2 && a == 3) 运行之后是否可能输出 true 呢？


不是应该输出 a is not defined 么

[molvqingtai]

怎么不把 JavaScript 真值表扣几个空让面试者填上🙃

[zdliu]

变量都不初始化

[kljsandjb]

就感觉专门为了面试而去硬想的为难人的题目

[whileFalse]

怎么不说 override console.log 呢。

[hzwjz]

面试的时候，有这样子的问题，写代码的时候也这样子吗🙃

[Eoss]

@SimbaPeng 还基础知识？既然是糟粕，就是让人去避开的，而不是去专研为什么。只要知道，并且不用就够了。

且不说比较没用===，就直接去修改默认的 toString 方法也是厉害。

我还想为 console.log(a === 1 && a === 2 && a === 3) 运行之后是否可能输出 true 呢。

来啊。互相伤害啊。要不要再重写下 console.log ，让它 console.log(anyting) 输入 true 呢？

[VoidChen]

我觉得楼上的是不是都太僵硬了，思想太僵硬，这种题答不出来没人会说你菜啊，但是你连思路都没有就开始去否定它，是不是太固执了？明明是挺有意思的一道题目，a 的类型就是你发挥想象力的点，还有人说没有去定义它，兄 dei，就是要你去定义这个对象啊。。。

[kisnows]

直接用 === ，谢谢，这种面试题没有任何意义。

[VoidChen]

举个经典例子，你硬盘上有 100G 文件，里面全是完全乱序的数字，但是你的内存只有 10G，是否有可能去排序并输出成另一个文件。发挥想象力才是编程最有趣的地方吧

[kendricklamar]

@SimbaPeng 文言文怎么就没用了？你一个中国人一点古籍都不看？

[snailsir]

没有任何意义

[vjnjc]

其实是个招聘贴

[kendricklamar]

@SimbaPeng JS 有些个面试题是真的不知道有啥意义，就是把 JS 的「糟粕」拿出来考你，然而平时根本不会按面试题那样去写。

[ZZITE]

第一反应就是利用类型转换、重写转换方法、调用递增。还以为有点取巧了，结果看答案就是这样啊 - -

[tinywhale]

@bilibiliQQ 看颜色是 Illustrator 做的，3D 软件渲染出来的颜色不会这么僵硬

[leafiy]

console.log = ()=>{return true}
console.log("fuck") //true

[unforgiven]

@qiutianaimeili 我认为这样的奇技淫巧，反而恰恰说明了 js 自身的不严谨

[jmc891205]

@xcold 考察基础有更多更好的 topic 面试一个人的时间很有限 面试官应该避免用这种无意义的垃圾题目浪费宝贵的时间

[grewer]

我火星了?几个月前的问题了

[e8c47a0d]

始终用“===”不就好了。从来没用过“==”。

[98jiang]

你问我是不是可能当然是可能的

[gchxp]

光看前三行还以为又是推销公众号的

[miketeam]

一道题目就炸锅了。。。朋友圈里面有个人面试答得一点不好，但是独自一人骑自行车去西藏的故事讲完后就录用了。。伙计们，不要纠结太多

[wangcansun]

反人类，反工程，反算法

[qiutianaimeili]

谁说 a === 1 && a === 2 && a === 3 不能成立？

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

(逃

[DOLLOR]

谁再用==和!=就打爆他的狗头

[CDL]

个人面试经验总结下来,从面试题就可以看出来技术团队的水平

[Akarin]

console.log(a === 1 && a === 2 && a === 3)

请继续表演 :doge:

[vevlins]

我觉得这种题目还是很能考察基础的，只不过没能让各个层次的人都循序渐进。好的题目应该是大家都能答，答出来的层次都不同。

[Akarin]

@qiutianaimeili 依赖环境了，想办法改一改，在严格模式和任何情况下都跑起来吧。

[GiantHard]

@Akarin

let log = console.log;
console.log = () => log(true);
let a = 'what the ****';

console.log(a === 1 && a === 2 && a === 3)

[SimbaPeng]

@Eoss 你说你不会用就让面试官信你不会用了？讲不出原理凭什么让面试官相信你？如果你真的懂原理，为什么不答出来再甩面试官一脸最佳实践？

[SimbaPeng]

@kendricklamar 我看古籍就非要会文言文？我看白话文版不就行了？跟你们说的有===为什么要去用==不是一个道理？

[hahastudio]

@SimbaPeng 现实中应该用自动工具防止人去写出语言的糟粕，自动工具不足的地方应该依靠 code review

[SimbaPeng]

@hahastudio code review 的人总得懂这些糟粕吧？都不懂谁来 code review?

[wyntalgeer]

看完题目想喷……看到阿里招聘……这题目没毛病！

[reus]

出这种实际用不上的、有悖工程原则的、脑际急转弯的面试题，只能说明这个职位要求并不高，合格的人很多，竞争很大，所以需要这种无理题目，来筛选出一些人。所有面试造火箭入职拧螺丝的职位都是这样的。

[nigelvon]

问这种题的公司应该不考虑。

[newtype0092]

@SimbaPeng 我学文言文也不会学茴香豆的“茴”的四种写法啊。。。

[dilu]

都是这样，面试造航母，工作拧螺丝。

世界上面试中文的问题，80%是用不到，或者说不知道也不太影响干活的，反正百度一下总能掌握点基础，唯一能考察出来的就是基础是否扎实，经验是否老道，但是这些真的不影响干活。

反而那种不管什么都能很快学会上手甚至短期内就能熟练精通的人才难招。

[Eoss]

@SimbaPeng 就算面试官想知道应聘者是否对此了解。直接了当的问“==和===的区别，==带来的隐患，你什么时候使用==什么时候使用===，为什么不用==而是用===，举几个你踩过==的坑”之类的问题，我觉得足够好了。

何必奇葩到去重写对象的默认方法。

如果这一题允许重写内置属性方法。那么是否后面的面试都要考虑属性方法的重写？
那么对于上面的第四题“ undefined 和 null 有什么区别？”，是否可以答“没区别。”？因为我可以

var undefined = null
undefined === null

[NonClockworkChen]

校招可以这么问，社招人家以为你们冒充阿里。

[chezs66]

let a = {
_val: 1,
[Symbol.toPrimitive]() {
return a._val++;
},
};
console.log(a == 1 && a == 2 && a == 3); // true

[unknownservice]

@NonClockworkChen 上次有个猎头推的阿里职位 某个面试官就问了我 null 和 undefined 看来阿里果然好这口

[1762628386]

拉到底部果然看见广告了

[xcold]

@bilibiliQQ 是俺们内部造的个小工具，生成 2.5D 特色二维码用的~

[SimbaPeng]

@Eoss 直接问？你上学的时候老师教你 1+1=2，考试就考 1+1 等于几？不会在一个应用题里的埋下多个知识点考察？甚至还放一些烟雾弹来迷惑你的思路？就像你那样直接问，谁知道你是不是就是死记硬背了这些东西，知其然而不知所以然，说的时候倒背如流，用得时候原形毕露？

另外这题是个开放题，又没有标准答案，面试官更多是看你的解题思路，从你的解题思路中面试官能看出你的思路够不够灵活、语言是否足够熟悉、基础够不够扎实，岂是仅问==和===的区别能比的？

[SimbaPeng]

@Eoss
> 如果这一题允许重写内置属性方法。那么是否后面的面试都要考虑属性方法的重写？

开放题有开放题的解法，常规题有常规题的解法。你连这么基本的审时度势的能力都没有吗？
你要是上学的时候用这种钻牛角尖的学习方式能考上高中吗？

[jason19659]

console.log = function() {console.info(true)}
谁面试面这个会被打死

[molvqingtai]

@SimbaPeng "==" ESlint 都跑不过，还 code review?

[Akarin]

既然这么喜欢奇技淫巧，那更多的约束也没关系吧？

```
Object.freeze(console);

const a = _________; // 2

console.log(a === Symbol()); // 3
```

请在 2 横线处填入*表达式*，使得 3 输出为 `true`

[hjlmjx]

小时候学的是 1+1=2，后来长大了，听说 1+1 不等于 2 的结论，再后来又听说了 1+1 大于 2 的思想，再后来看到 xx 大牛证明出了 1+1=x 的思路。妈的好高级，我咋也没看见现在小孩子的课本上 1+1 大于 2 ？

[zhzer]

面这种真的有点无语，可惜都喜欢问
毕竟面试造核弹，工作看文档

[djxf]

精彩哈哈😄😄你们继续打

[skadi]

mdzz

[lovedebug]

a 都没有声明，难道在严格模式下不报错? 非严格模式不是 undefined 的吗？ 🤔

[SimbaPeng]

@molvqingtai 你所知道的只有==?

[SimbaPeng]

@molvqingtai JS 那么多奇技淫巧，你确定这些工具都能提示?

[GabrielChen]

我觉得这题并不是奇淫技巧而是 js 的基础啊。判等的时候发生了什么。你所不知道的 js 里也有讲

[pony279]

看到标题我以为是这个：

“同学，这道题你会做吗？”
“不好意思，我有男朋友了。”她头也不抬。
“是不是应该用换元法？”我接着问。
“目前还没有分手的打算。”她的手继续在草稿上写写画画。
“我觉得好像有两种解法。”我挠了挠头。
“但是，我是一条美人鱼。”她拿起杯子，喝了一口水。
“我认识那个会傅里叶变换的巫婆。”我咳嗽了一下。
她总算抬头看了我一眼：“王子在哪里？”
“天安门城墙上挂着呢，我带你去看。”
我把微积分扔到地上，掏出了鼓鼓囊囊的钱包。
“我记得，毛爷爷擅长游击战？”她一脸不屑。
“不不不，我只知道论持久战。”我咽了咽口水。
“今天是四月十九号吧？”
“嗯。”
“天气预报说好像要下雨，记得带上雨衣。”
“好。”
“走吧。”

[guolaopi]

@pony279 停让我下车