isPrototypeOf in Javascript

前端 未结 3 1156
星月不相逢
星月不相逢 2021-02-20 11:02

I am a beginner to JavaScript and on my way to Prototypes in JavaScript.
As per the article here

Creating

相关标签:
3条回答
  • 2021-02-20 11:14

    I agree with you - the sentence "The constructor function is the prototype for your person objects" is confusing and inaccurate. Instead, your understanding is correct although let me elaborate more.

    Basically, whenever you create a function in JavaScript, it will automatically have a property on it called .prototype and the value associated with it will be an object. In your case, the person function also has this .prototype property. When you create new instances of person, each instance will be set up as inheriting from the object associated with the person function's .prototype property - the instance's prototype. This inheritance means that property look-ups are delegated to this prototype object. The key here is that when your person instances look up a property, they will first look up the property on themselves, and if the property isn't found, they will go up the prototype chain.

    Looking at your example, here is what is correct:

    person.prototype.isPrototypeOf( new person() );
    

    In other words, any instance of person knows to delegate to the object associated with person.prototype whenever the instance can't find a property on itself.

    0 讨论(0)
  • 2021-02-20 11:34

    What you are saying,

    The ‘prototype’ property points to the object that will be assigned as the prototype of instances created with that function when using ‘new’.

    Doesn't make much sense to me, but I think you've got the right idea.

    To me, at least,
    The constructor function is the prototype for your person objects.
    is wrong.

    The correct version would be:
    The constructor function is the constructor function for your person objects.


    The prototype property of your constructor function is an object.

    It contains properties which are assigned to objects instantiated with that constructor function, example:

    function Person(name){
        this.name = name;
    }
    Person.prototype = {
        species: "Human"
    };
    

    Sets up a constructor function with a prototype property, containing a property species.

    Now, if we do this:

    var joe = new Person("Joe");
    

    joe is an object which looks like

    {
        name:    "Joe",
        species: "Human"
    }
    

    As you can see, the properties of the prototype of Person() were set as normal properties of Joe.

    TL;DR

    So I think you had the right idea.

    0 讨论(0)
  • 2021-02-20 11:41

    I would agree that terminology is incorrect.

    The constructor function has a prototype property which defines the properties and methods in the prototype chain; but it is not itself the prototype of an object, it is the constructor.

    isPrototypeOf is not called on the constructor itself, but on the constructor's prototype property.

    alert(person.prototype.isPrototypeOf(myFather)); // true
    

    myFather would be an instanceof person, and you can test this using the following line.

    alert(myFather instanceof person); // true
    
    0 讨论(0)
提交回复
热议问题