js面试题

第一题

尝试推测它的输出:

constperson = {name:'精选面试题'}

Object.defineProperty(person,'age', {value:18})

console.log(person.age)

console.log(Object.keys(person))

输出:

18['name']

解析:

很多人容易搞错第二个输出,因为使用 defineProperty 定义的属性默认是不可枚举的。

第二题

尝试推测它的输出:

constname ='精选面试题'age =18

console.log(deletename)

console.log(deleteage)

console.log(typeofage)

输出:

falsetrue"undefined"

解析:

第一个 false 是因为 delete 只能删除对象上的属性,name 不是属性,所以删除失败。

第二个 true 是因为我们不使用任何声明创建变量,它会被视作全局变量,挂载到 window 对象上面,等价于 delete window.age,所以删除成功。

第三个 undefined 是因为 age 被删除了。

第三题

尝试推测它的输出:

letperson = {name:'精选面试题'}

constmembers = [person]person =null

console.log(members)

输出:

[{name:"精选面试题"}]

解析:

很多人会认为输出结果应该是 [ null ],但是,我们只是设置了 person 这个变量的新引用,之前的引用还在 members 中。

简单来说,{ name: '精选面试题' } 这个对象存在某个内存空间中,假设它的地址是 X201。它的逻辑大概像下面这样:

letperson =X201constmembers = [X201]persion =null

第四题

尝试推测它的输出:

functionSuperHero() 

{this.make='精选面试题'return{make:'精选面试题'}}

constmySuperhero =newSuperHero()

console.log(mySuperhero)

输出:

{make:"试题面精选"}

解析:

如果构造函数最终返回了一个对象,那么之前设置的属性都将失效。

第五题

尝试推测它的输出:

constname ='精选面试题'

console.log(name.padStart(14))

console.log(name.padStart(2))

输出:

"        精选面试题""精选面试题"

解析:

padStart 方法可以在字符串的开头填充空格。

参数是新字符串的总长度,如果这个长度比原来的字符串长度短,那么不会填充。

第六题

尝试推测它的输出:

console.log(parseInt("7"))

console.log(parseInt("7*6"))

console.log(parseInt("7Din"))

输出:

777

解析:

如果 parseInt 的参数是字符串和数字的组合,那么它会从头开始检查,直到碰到数据类型错误的位置,如果在数据类型错误的位置之前是一个有效的数字,它就会返回数字。

第七题

尝试推测它的输出:

[1,2,3,4].reduce((x, y) =>console.log(x, y))

输出:

12undefined3undefined4

解析:

如果我们不给 reduce 传递初始值,那么 x 会是数组的第一个值,y 是数组的第二个值。

第八题

尝试推测它的输出:

functiongetUserInfo(one, two, three) {console.log(one)console.log(two)console.log(three)}constsuperHero ='精选面试题'constage =1000getUserInfo`${superHero}是${age}岁`getUserInfo`hello`

输出:

["", " 是 ", " 岁"]"精选面试题"1000["hello"]undefinedundefined

解析:

我们使用模板字符串语法去调用函数时,第一个参数始终都是分割好的字符串数组。其余的参数是模板表达式的值。

第九题

尝试推测它的输出:

(() =>{letx, y;try{thrownewError()  }catch(x) { 

   (x =1), (y =2);console.log(x) 

 }

console.log(x)

console.log(y)})()

输出:

1undefined2

解析:

在 catch 中访问 x,访问的是参数,而不是外面的变量 x。

第十题

尝试推测它的输出:

classClazz{}console.log(typeofClazz)

输出:

"function"

解析:

在 JavaScript 中,Class 也是 function。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容