原型面试题

Function.prototype.a = 1;
Object.prototype.b = 2;

function A() {}

var a = new A();

console.log(a.a, a.b); // undefined, 2

console.log(A.a, A.b); // 1, 2

https://www.cnblogs.com/everlose/p/12930468.html

对于 new 出来的对象 a 的属性,原型链查找的顺序应该是

a 自身
a.proto 相当于 A.prototype
A.prototype.proto 相当于 Object.prototype
Object.prototype.proto 这个为 null,原型链查找到头。
对于 function 定义的函数 A 的属性,原型链查找顺序应该是

A 自身
A.proto 相当于 Function.prototype
Function.prototype.proto 等于 Object.prototype
Object.prototype.proto 这个为 null,原型链查找到头。

图片说明

构造函数原型链

function G() {

}

function F() {
    return new G()
}

a = new F();
console.log(a);


console.log(a instanceof F);//false
console.log(a instanceof G);//true

关于构造函数:

一般构造函数不显式返回值,用户可以选择主动返回对象来覆盖正常的对象创建步骤
如果构造函数没有返回值:默认情况下 return this; 即返回创建的实例
如果返回简单数据类型:返回该实例
如果返回对象类型:返回这个对象类型,而不是实例

构造函数返回值有关

function A() {
    this.a = 1
    return {
        a: 2
    }
}
A.prototype.a = 3
const a = new A()

console.log(a.a)//a等于 A函数返回的对象{a:2}
console.log(a.constructor)//Object
console.log(a.__proto__)//Object.prototype
function Parent() {
  this.a = 'Parent'
}

function Child() {
  this.a = 'Child'
}

Function.prototype.print = function() {
  console.log(this.a)
}

Parent.print()//undefined
//Parent本身没有print这个方***随着原型链寻找,
//在Function的原型上找到了print方法,并执行
//实际上,执行print方法的是Function 不是Parent
//所以this.a指的是全局上的a 为undefined
//下面同理

Child.print()//undefined

var p = new Parent()
//找不到print 因为p的原型链上只有Object.prototype
p.print()//报错
前端问题总结 文章被收录于专栏

总结一些前端常见的面试笔试题,来和大家分享鸭

全部评论

相关推荐

09-22 09:42
门头沟学院 Java
牛客37185681...:马德,我感觉这是我面过最恶心的公司,一面是两个女hr,说什么实习前几个月属于试用期,试用期过了才能转成正式实习生,我***笑了,问待遇就是不说,问能不能接受全栈,沙币公司
如果可以选,你最想去哪家...
点赞 评论 收藏
分享
代码飞升:别这样贬低自己,降低预期,放平心态,跟昨天的自己比。做好自己,反而会效率更高心态更好,加油兄弟
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务