原型

作者: 韩娜爱吃辣_前端程序媛 | 来源:发表于2018-07-16 11:09 被阅读10次

· 所有对象都是 Object 的实例,并继承Object.prototype的属性/方法,但是有一些是隐性的。

· 所有引用类型(函数,数组,对象)都拥有proto属性(隐式原型)

· 所有函数拥有prototype属性(显式原型)(仅限函数)

· 原型对象:拥有prototype属性的对象,在定义函数时就被创建

//  **实例对象继承构造函数的方法,构造函数继承原型**
//  创建构造函数
        function Word(words){
            this.words = words;
        }
        Word.prototype = {
            alert(){
                alert(this.words);
            }
        }
        //创建实例
        var w = new Word("hello world");
        w.print = function(){
            console.log(this.words);
            console.log(this);  //Person对象
        }
        w.print();  //hello world
        w.alert();  //hello world
    

实例对象w的隐式原型指向它构造函数的显式原型,指向的意思是恒等于

         w.__proto__ === Word.prototype
        let obj = { }/ let obj = new Object()
        obj.__proto__ === Object.prototype

· 当实例对象w调用某种方法或查找某种属性时,首先会在自身调用和查找,如果自身并没有该属性或方法,则会去它的proto属性中调用查找,也就是它构造函数的prototype中调用查找。所以很好理解实例继承构造函数的方法和属性:
w本身没有alert()方法,所以会去Word()的显式原型中调用alert(),即实例继承构造函数的方法。

 ·······实例对象拥有属性_proto__,它是一个对象,它包含两个属性值constructor和__proto__。 ·······
        1.实例对象.__proto__.constructor返回的结果为构造函数本身,
        2.实例对象.__proto__.__proto__有很多参数(hasOwnProperty/isPrototypeOf......)

原型链图及实例:

原型链图.png
640.jpg

找一个属性,首先会在 f.proto中去找,因为属性值为一个对象,那么就会去 f.proto.proto去找,同理如果还没找到,就会一直向上去查找,直到结果为 null 为止。这个串起来的链即为原型链。

· hasOwnProperty()判断指定属性是否为自有属性;
· in操作符对原型属性和自有属性都返回true

· 鉴别原型属性 :

function hasPrototypeProperty(obj, name){
    return name in obj && !obj.hasOwnProperty(name);
}

proto是每个对象都有的一个属性,而prototype是函数才会有的属性!!!
使用Object.getPrototypeOf()代替proto!!!

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • JavaScript 原型和原型链

    原型 在 JavaScript 中,我们所称的原型有两个使用语境: 原型关系 原型属性 原型关系指对象的原型对象,...

  • JavaScript 原型和原型链

    原型 在 JavaScript 中,我们所称的原型有两个使用语境: 原型关系 原型属性 原型关系指对象的原型对象,...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • js的原型对象&原型链&js的继承

    原型对象 & 原型链 原型对象分2种:显式原型和隐式原型。 显式原型就是我们常用的prototype属性,是函数的...

  • 4.4 JavaScript

    4.4.1. 原型链 4.4.1.1. 显式原型和隐式原型   JavaScript的原型分为显式原型(expli...

  • 原型、原型链

    理解JavaScript原型 彻底理解JavaScript原型 原型 原型是一个对象,所有对象都可以成为原型,其...

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • 2-6 原型和原型链 - 5个原型规则

    2-6 原型和原型链 - 5个原型规则 5条原型规则,原型规则是学习原型链的基础。 第一、所有引用类型(数组、函数...

网友评论

    本文标题:原型

    本文链接:https://www.haomeiwen.com/subject/kbwvpftx.html