• 怎样理解构造函数的原型对象prototype


    通过构造函数生成的实例对象中的属性和方法其实是从构造函数中"copy"一份后生成的, 也就是说虽然生成的对象是构造函数的实例, 但里面的属性和方法确实相互独立的, 比如下面的lilei.sayHi 和 hanmeimei.sayHi这两个方法虽然同名, 功能也一样, 但实际上是内存中的两个不同地址里的函数, 因此他们是不全等的. 

    function Person(name){
        this.name = name;
        this.sayHi = function(){
            console.log("Hi, I'm " + this.name);
        };
    }
    
    var lilei = new Person("Lilei");
    var hanmeimei = new Person("Hanmeimei");
    
    lilei.sayHi === hanmeimei.sayHi; // false

    而原型对象则实现了实例对象使用构造函数方法/属性的"统一" / "同源"调用. 直白地讲, 如果把上面代码中的sayHi()方法定义在原型对象上, 那lilei.sayHi 和 hanmeimei.sayHi 就是全等的.

    function Person(name){
        this.name = name;
    }
    
    Person.prototype.sayHi = function(){
        console.log("Hi, I'm " + this.name);
    };
    
    var lilei = new Person("Lilei");
    var hanmeimei = new Person("Hanmeimei");
    
    lilei.sayHi === hanmeimei.sayHi; // true

    打个比方, 母亲生了两个孩子, 孩1和孩2, 他们都有眼睛闭嘴耳朵嘴巴, 但这些并不是母亲的器官, 而是从母亲那里继承过来的, 但母亲有一个玩具, 是奶奶的, 这个玩具是唯一的, 但奶奶可以玩, 母亲也可以玩, 孩1和孩2也可以玩, 这里的玩具就是定义在奶奶这个构造函数的对象原型prototype上的一个属性, 这个属性可以被继承的实例对象所使用. 而非像眼睛鼻子这种需要复制一份.

  • 相关阅读:
    Qt 学习之路 :自定义只读模型
    Qt 学习之路:QSortFilterProxyModel
    Qt 学习之路 :可视化显示数据库数据
    Qt 学习之路 :访问网络(4)
    Qt 学习之路:QFileSystemModel
    高级Bash脚本编程指南
    CGI
    shell学习
    【shell】while read line 与for循环的区别
    管道技巧-while read line
  • 原文地址:https://www.cnblogs.com/aisowe/p/11670423.html
Copyright © 2020-2023  润新知