javascript - 构造函数学习笔记

构造函数

不可以通过构造函数来访问实例成员

不能通过对象来访问静态成员

构造函数问题

• 浪费内存的问题
  每一个对象都创造了一个不同的函数
• 解决方法
  把固定函数放入prototype属性里

Star.prototype.sing = function(){
    console.log('我会唱歌');
}

原型的作用

所有对象共享方法

对象身上系统自己添加一个__proto__指向我们的构造函数的原型对prototype，就可以使用原型对象的方法

方法查找的规则，先去看ldh身上是否有sing方法，如果有，就优先执行ldh本身的sing方法，如果没有，再去prototype里去找。

很多情况下需要用constructor手动指回原来的构造函数

Star.prototype{
    constructor:Star,//指向原来的构造函数
    sing:function(){
        console.log('我会唱歌')
    },
    movie:function(){
        console.log('我会演电影')
    }
}

console.log(Star.prototype === Object.__proto__)//true,Star原型对象里的prototype指向Object.__proto__

对象查找机制

通过原型链来查找（根据__proto__指向）

优先执行本身的
Object上有toString方法，下层也可以使用，佐证了查找对象是通过原型链来查找的

在构造函数中里面this 指向的是 实例对象ldh

原型对象里的this 指向的是 实例对象ldh

e.g.

        Array.prototype.sum = function () {
            var num = 0;
            for (let index = 0; index < this.length; index++) {
                num += this[index];
            }
            return num;
        }
        console.log(Array.prototype);
        //[sum: ƒ, constructor: ƒ, concat: ƒ, copyWithin: ƒ, fill: ƒ, …]
        //sum: ƒ ()
        var arr = [1, 1, 3, 5];
        console.log(arr.sum());//10

继承

在es6之前，使用 构造函数+原型对象 模拟实现继承，被称为 组合继承