理解js中的原型链

谈原型链之前先说说关键字new
var obj = new object();
这是一句简单的利用构造器创建一个对象,但是其中经过了三个步骤:
  1. var obj = {};创建一个空对象obj
  2. obj. _ proto_ = object.prototype;将obj的_ proto_属性指向object的 prototype成员对象,由此建立了原型链:
    obj—>object.prototype—>Object.prototype—>null
  3. object.call(obj);初始化obj即给obj赋值

这里解释一下 _ proto_ :
每一个对象都有一个 _ proto_ 属性,它的 _ proto_ 又会有一个 _ proto_ ,它的 _ proto_ 的 _ proto_ 也有 _ proto_ ,以此类推到null。也就是说当寻找object的某个属性或方法时,如果本身没有就在它的 _ proto_ 里找,如果也没有就在它的 _ proto_ 的 _ proto_ 里找,直到找到最后,这就是原型链的思想。然而 _ proto_ 并不能对外公开,譬如这样:

       function object () {
            this.name = 'lulu';
            this.age = 21;
        }
        object.prototype = {
            getInfo : function(){
                return 'name:' + this.name + 'age:' + this.age;
            }
        };
        var obj = new object();
        console.log(obj);

输出结果是:这里写图片描述
然而输出 console.log(obj._ proto_);却是undefined,也就说明了_ proto_是一个私有属性的事实。

再来一个复杂一点的代码:
    var Person = function () { };
    Person.prototype.Say = function () {
      alert("Person say");
    }
    Person.prototype.Salary = 50000;
    var Programmer = function () { };
    Programmer.prototype = new Person();
    Programmer.prototype.WriteCode = function () {
        alert("programmer writes code");
    };
    Programmer.prototype.Salary = 500;
    var p = new Programmer();
    p.Say();
    p.WriteCode();
    alert(p.Salary);
这里就很好理解了,原型链是这个样子的:

p—>Programmer—>Person—>Object—>null

现在说说new和Object.create()吧
new Object()是一种通过构造函数来创建对象的方式,看看Object.create()的本质吧
if (!Object.create) {
    Object.create = function (o) {
    function F() {}  //定义了一个隐式的构造函数
    F.prototype = o;
    return new F();  //其实还是通过new来实现的
    };
  }
一般是这样,new Object()针对于原型对象是函数的情况,Object.create针对于原型对象是对象的情况所以在实际中要区别它们的用法。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 原型是每个 JavaScript 对象都有的一个内部属性,它指向另一个对象,该对象包含共享属性和方法。原型链是由原型对象组成的链,它允许对象继承另一个对象的属性和方法。当我们访问一个对象的属性或方法时,如果该对象本身没有该属性或方法,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或方法或者到达原型链的顶端。 ### 回答2: 在JavaScript,每个对象都有一个原型对象,它是用来共享属性和方法的。当我们访问一个对象的属性或方法时,如果对象本身没有这个属性或方法,JavaScript会沿着原型链依次查找,直到找到该属性或方法或者找不到为止。 原型对象是通过构造函数创建的,可以将构造函数的原型属性称为原型对象。当我们使用构造函数创建一个对象时,这个对象会自动继承构造函数的原型对象上的属性和方法。 原型链是由一系列对象的原型对象组成的链状结构。当我们访问一个对象的属性或方法时,JavaScript会先查找对象本身是否有该属性或方法,若没有则会去它的原型对象查找,若原型对象仍然没有,则继续查找原型对象的原型对象,直到查找到顶层的Object.prototype对象为止。 当一个函数被定义时,它会自动创建一个原型对象,并且这个原型对象会默认添加一个constructor属性,该属性指向函数本身。在使用构造函数创建对象时,新创建的对象会继承构造函数的原型对象上的所有属性和方法。 通过原型和原型链的机制,我们可以实现对象之间的属性和方法的共享,避免重复创建和占用内存。它使得JavaScript的对象可以实现简单的继承,并且可以方便地进行属性和方法的扩展和修改。 总结起来,原型和原型链是JavaScript实现面向对象特性的重要概念。通过原型链的查找机制,我们可以实现属性和方法的继承和共享,使得代码更加简洁和高效。 ### 回答3: 在JavaScript,每个对象都有一个原型(prototype),原型是一个对象,它包含了对象的属性和方法。原型可以被其他对象所共享,这样它们就可以访问到相同的属性和方法。 当我们访问一个对象的属性或方法时,JavaScript引擎会先查找该对象本身是否拥有这个属性或方法,如果没有找到,则会继续查找该对象的原型,即原型链的下一个对象,以此类推,直到找到该属性或方法,或者查找到达原型链的末尾。 原型链是由原型组成的,即一个对象的原型是另一个对象,而这个对象又有自己的原型,依此类推,形成了一个链条。可以把原型链看作是一种对象之间的继承关系。 当我们创建一个对象时,它会有一个隐藏的属性`__proto__`,指向该对象的原型。我们可以通过`Object.create()`方法来显式地指定对象的原型。如果我们尝试访问对象的一个属性或方法,而该对象本身没有这个属性或方法,JavaScript引擎会自动去原型链上查找,直到找到或者返回`undefined`。 原型和原型链的概念在JavaScript是非常重要的,它们使得对象可以通过继承的方式共享属性和方法,提高了代码的可复用性和扩展性。同时,原型链也是JavaScript实现对象的继承机制的基础。我们可以通过修改原型链上的对象,来为现有对象增加属性和方法,或者扩展对象的行为。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值