码云笔记前端博客
Home > 每日·壹题 > 第9题:a 可以同时 == 1 && == 2 && == 3吗?

第9题:a 可以同时 == 1 && == 2 && == 3吗?

2019-07-22 分类:每日·壹题 作者:管理员 阅读(687)

本文共计2086个字,阅读时间预计6分钟,干货满满,记得点赞加收藏哦

工作之余逛了一下知乎,看到一道经典面试题,相信大家遇到过,码云笔记也浅谈一下个人的看法,希望对大家有用,同时也希望大家留言讨论更好地方法,互相学习互相进步。
第9题:a 可以同时 == 1 && == 2 && == 3吗?
此题目的答案可以分为三大类:

1.类型转换时的劫持

首先我们要知道,在JS中类型转换只有三种情况,分别是:

  • 转换为布尔值
  • 转换为数字
  • 转换为字符串

转换为原始类型

对象在转换类型的时候,会执行原生方法ToPrimitive。

其算法如下:

1.如果已经是 原始类型,则返回当前值;

2.如果需要转 字符串 则先调用 toSting方法,如果此时是 原始类型 则直接返回,否则再调用 valueOf方法并返回结果;

3.如果不是 字符串,则先调用 valueOf方法,如果此时是 原始类型 则直接返回,否则再调用 toString方法并返回结果;

4.如果都没有 原始类型 返回,则抛出 TypeError类型错误。

当然,我们可以通过重写 Symbol.toPrimitive来制定转换规则,此方法在转原始类型时调用优先级最高。

所以以此定义我们可以有以下四种答案:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
var a = {
arr: [3, 2, 1],
valueOf () {
console.group('valueOf')
console.log(this.arr)
console.groupEnd('valueOf')
return this.arr.pop()
}
}
if (a == 1 && a == 2 && a == 3) {
console.log('biu')
}
var b = {
arr: [3, 2, 1],
toString () {
console.group('toString')
console.log(this.arr)
console.groupEnd('toString')
return this.arr.pop()
}
}
if (b == 1 && b == 2 && b == 3) {
console.log('biu')
}
var c = {
arr: [3, 2, 1],
[Symbol.toPrimitive] () {
console.group('Symbol.toPrimitive')
console.log(this.arr)
console.groupEnd('Symbol.toPrimitive')
return this.arr.pop()
}
}
if (c == 1 && c == 2 && c == 3) {
console.log('biu')
}
var d = [1, 2, 3]
d.join = d.shift
if (d == 1 && d == 2 && d == 3) {
console.log('biu')
}

注:事实上,这四种可以算是同一种。关于最后一种,我们可以来看看ECMA中的 Array.prototype.toString() 定义:

1.定义 array 为 ToObject(thisvalue)(原生方法,将当前数组转换成对象);

2.定义 func 为 Get(array,'join')(原生方法,在这一步调用 join 方法);

3.如果 IsCallble(func) (原生方法,判断是否有内部可调用的函数)为 false,则 设置 func 原生函数 %ObjProto_toString%(原生函数, toString 的具体实现);

4.返回 Call(func,array)。

2. 对 getter 的劫持

所谓的 getter 就是对象属性在进行查询时会被调用的方法 get,利用此函数也可以实现题目功能。

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
window.val = 0
Object.defineProperty(window, 'd', {
get () {
return ++this.val
}
})
if (d == 1 && d == 2 && d == 3) {
console.log('biu')
}
const e = new Proxy({}, {
val: 1,
get () {
return () => this.val++;
}
});
if (e == 1 && e == 2 && e == 3) {
console.log('biu')
}

3. 正则表达式

JS 中的 RegExp.prototype.exec() 作用是在一个指定字符串中执行一个搜索匹配,返回一个结果数组或 null。

当正则表达式使用 " g" 标志时,可以多次执行 exec 方法来查找同一个字符串中的成功匹配。当你这样做时,查找将从正则表达式的 lastIndex 属性指定的位置开始。( test() 也会更新 lastIndex 属性)。

lastIndex 是正则表达式的一个可读可写的整型属性,用来指定下一次匹配的起始索引。只有正则表达式使用了表示全局检索的 " g" 标志时,该属性才会起作用。

注:只有正则表达式使用了表示全局检索的 " g" 标志时,该属性才会起作用。

综上所述,我们可以有方案如下:

1
2
3
4
5
6
7
8
9
var f = {
reg: /\d/g,
valueOf () {
return this.reg.exec(123)[0]
}
}
if (f == 1 && f == 2 && f == 3) {
console.log('biu')
}

注:上述方法其实也利用了类型转换的特点。

结束语

以上就是码云笔记总结的三种答案,不知道聪明的你是否还有别的解法呢?欢迎下方留言。

「除特别注明外,本站所有文章均为码云笔记原创,转载请保留出处!」

赞(5) 打赏

觉得文章有用就打赏一下文章作者

支付宝
微信
5

觉得文章有用就打赏一下文章作者

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

共有 0 条评论 - 第9题:a 可以同时 == 1 && == 2 && == 3吗?

博客简介

码云笔记 mybj123.com,一个专注Web前端开发技术的博客,主要记录和总结博主在前端开发工作中常用的实战技能及前端资源分享,分享各种科普知识和实用优秀的代码,以及分享些热门的互联网资讯和福利!码云笔记有你更精彩!
更多博客详情请看关于博客

精彩评论

站点统计

  • 文章总数: 476 篇
  • 分类数目: 13 个
  • 独立页面: 8 个
  • 评论总数: 228 条
  • 链接总数: 15 个
  • 标签总数: 1050 个
  • 建站时间: 525 天
  • 访问总量: 8648355 次
  • 最近更新: 2019年11月21日