一人出一道前端面试题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 2978 days ago, the information mentioned may be changed or developed.

html, js, css, react, vue, webpack 等等，无任何限制，任意发挥，可以自创，可以搜索，金三银四，可以准备一波。

32 replies • 2018-03-03 15:28:11 +08:00

madNeal

Mar 2, 2018

抛砖引玉一波盒子模型有哪些有什么区别

newbieo0O

Mar 2, 2018

console.log(
null == undefined,
null === undefined,
typeof null,
typeof undefined,
isNaN(null),
isNaN(undefined),
)
------------
手写以上输出的 6 个结果

madNeal

Mar 2, 2018

@newbieo0O `true false object undefined false true`
以为　`isNaN(null)` 也是　`true`

whypool

Mar 2, 2018

设计一个前端路由高效命中规则？

rabbbit

Mar 2, 2018

true == 自动转换
false === 不会自动转换
object
undefined
后边俩不知道...

lingo

Mar 2, 2018

我怀疑这都是再收集面试题的。。。。

我开玩笑的。。别打我。。。。

ChefIsAwesome

Mar 2, 2018 via Android

像之前有人发帖阿里面试的，先问盒模型，接着问算法。我真不知道能筛选出来怎样的前端。

Exia

Mar 2, 2018

@madNeal null 是 0 ？

rabbbit

Mar 2, 2018

function a(i){
console.log(i);
var i = 2;
function i(){};
console.log(i);
}
a(1);
写出两个 console.log 的输出结果

wukongkong

Mar 2, 2018 via Android

@rabbbit 解释一下呢，第二个为什么是 undefined 呢

madNeal

Mar 2, 2018

@Exia 我觉得应该是转换成了０

swirling

Mar 2, 2018

@wukongkong 那个 undefined 不是输出, 上面的才是第二个.

madNeal

Mar 2, 2018

@wukongkong 并不是 undefined 啊，第一个是 f i(){} ,是因为声明提升把，第二个就是２啊

Exia

Mar 2, 2018

@madNeal 嗯，估计是浏览器自动转的吧。

frankkai

Mar 2, 2018

说下[]==false 的输出结果和判断过程

madNeal

Mar 2, 2018

@Exia 这也不叫 l 浏览器自动转的把　应该算 js 的类型推断把

2010

Mar 2, 2018 via Android

none block 咋一起用🌚

madNeal

Mar 2, 2018

@frankkai 是不是　[] => 0 => false ?

Exia

Mar 2, 2018

@madNeal 哦哦，是 isNaN( ) 这个方法把参数转的，这样理解应该对了。

frankkai

Mar 2, 2018

[]==false→[]==0→' '==0→0==0

[规范]( https://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf)里有，或者到这儿去看看[https://segmentfault.com/a/1190000011658459]( https://segmentfault.com/a/1190000011658459)

再追加两个：[1]==true 返回什么？[1,2,3]==true 返回什么？

rabbbit

Mar 2, 2018

@wukongkong 第二个是 2 吧?
实际执行顺序
function a(i){
function i(){};
var i;
console.log(i);
var i = 2;
console.log(i);
}
a(1);

frankkai

Mar 2, 2018

@madNeal 崩了，提取出 url 看好了。其实这种问题是为了考察对 js 学习的深度的，回答在规范里看过就可以了，具体转换过程比较难记住的。

rabbbit

Mar 2, 2018

写错了
var i = 2; => i = 2;

grantonzhuang

Mar 2, 2018 via Android

看完楼上的问题我一定是个假的前端

heyOhayo

Mar 2, 2018

event loop, macro task 和 micro task

GabrielChen

Mar 2, 2018

你一般如何 debug ？

madNeal

Mar 2, 2018

@GabrielChen Chrome dev

xwhxbg

Mar 2, 2018

怎么实现正则表达式？

Acalpha

Mar 2, 2018

Function.prototype.a = 'b';
Object.prototype.a = 'c';
function Person(){};
var p = new Person();
console.log('p.a: '+ p.a);

mingyun

Mar 2, 2018

0.1+0.2 != 0.3 ?

chenyang

Mar 3, 2018

@madNeal 以为　`isNaN(null)` 也是　`true` +1

1OF7G

Mar 3, 2018

var a = {n: 1};
var b = a;
a.x = a = {n: 2};

console.log(a.x) // undefined