这些前端大厂面试题你会做吗?每日10题大厂面试题(七)
文章目录
- 题1(构造函数)
- 题2(generator)
- 题3(引用拷贝)
- 题5(String.raw)
- 题7(为构造函数添加原型方法,原型定义方法和构造函数定义方法的区别)
- 题8(原型)
题1(构造函数)
下面输出的是
function Car() {
this.make = 'Lamborghini';
return { make: 'Maserati'}
}
const myCar = new Car();
console.log(myCar.make)
答案:‘Maserati’
这道题主要考察:
- 返回属性的时候,属性的值等于返回的值,而不是构造函数中设定的值
题2(generator)
我们需要向对象person添加什么,以致执行[…person]时获得形如[‘Lydia Hallie‘, 21]的输出
const person = {
name: 'Lydia Hallie',
age: 21
}
[...person]
答案:*
Symbol.iterator{yield* Object.values(this)}
这道题主要考察:
- generator: 对象默认是不可迭代的,如果迭代规则被定义,则一个对象是可迭代的。所以我们可以通过添加迭代器symbol[Symbol.iterator]来定义迭代规则,其返回一个generator对象,比如说构建一个generator函数
题3(引用拷贝)
下面输出的是
let person = { name: 'Lydia' }
const members = [person]
person = null
console.log(members)
答案:[{name: ‘Lydia’}]
这道题主要考察:
- 引用拷贝:当设置两个对象彼此相等时,它们会通过引用进行交互,但是当你将引用从一个变量分配至另一个变量时,其实只是执行了一个复制操作
题5(String.raw)
下面输出的是
console.log(String.raw`Hello\nworld`)
答案:Hello\nworld
这道题主要考察:
- String.raw: String.raw函数是用来获取一个模版字符串的原始字符串的,可以避免反斜杠造成的未转义不能正常显示的问题
题7(为构造函数添加原型方法,原型定义方法和构造函数定义方法的区别)
下面输出的是
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const member = new Person('Lydia', 'Hallie');
Person.getFullName = () => {
this.firstName + this.lastName;
}
console.log(member.getFullName())
答案:TypeError
这道题主要考察:
- 为构造函数添加原型方法:不能像常规对象那样向构造函数添加属性。如果要一次性向所有对象添加功能,则必须使用原型
- 原型定义方法和构造函数定义方法的区别:将方法添加到构造函数本身,也许并不是每个实例都需要这个方法,这会浪费大量内存空间,因为它们仍然具有该属性,这占用了每个实例的内存空间。相反,如果我们只将它添加到原型中,我们只需将它放在内存中的一个位置,但它们都可以访问它!
题8(原型)
所有对象都有原型吗?
答案:错误
这道题主要考察:
原型:除基础对象外,所有对象都有原型。基础对象可以访问某些方法和属性,例如.toString, 基础对象指原型链终点的对象。基础对象的原型是null.
小伙伴们今天的学习就到这里了,如果觉得本文对你有帮助的话,欢迎转发,评论,收藏,点赞!!!
每天学习进步一点点,就是领先的开始。如果想继续提高,欢迎关注我,或者关注公众号”祯民讲前端“。大量前端技术文章,面试资料,技巧等助你更进一步!
还没有评论,来说两句吧...