原型模式&原型链

1.每个函数数据类型(函数,全部的类)天生都有一个prototype(原型)属性,里面存储的是公有的属性和方法,并且这个属性是一个对象数据类型的,浏览器就会给他开辟一个堆内存,开辟的这个堆内存中也有一个天生自带的属性叫constructor,并且指向的是这个类的自己.
2.全部的对象数据类型(除了函数和基本数据类型,其余的都是,实例,prototype是对象数据类型)天生自带一属性个叫_ _ protot _ _,指向所属类型的原型.
3.全部的类都是函数数据类型的,Object是一个类,说明Object是函数数据类型的.他就是函数Function类的一个实例

[注意!]实例都是对象,prototype也是个对象Object是基类,他的原型上面没有_ _proto_ _

实例经过this获得的是私有属性和方法,还能够继承所属类的公有属性和方法,好比说,每一个数组均可以用sort这个方法,这个方法是在类Array原型上,由于全部的数组都是这个Array类一个具体的实例,因此只要是数组就能够用,实例能够获得公有类的方法

Array.prototype.removeRepeat=function(){
//this 就是那个具体的数组实例
for(var i=0;i<this.length;i++){
if(this.indexOf(this[i])!==this.lastIndexOf(this[i])){
this.spalice(i,1);
i--;
}
}return this
}
var ary=[1,2,3,1,3,4,53,3,2,1];
cosole.log(ary.removeRepeat().sort().splice(0,1,"a"));

===========小练习======================
思考做业,模拟数组slice方法,在数组原形上增长方法

======================================

---

面试题
1.用面向对象的思想扩展方法-->基于内置类的原型扩展方法.
2.链式写法实现的原理 (return this)
3.谈谈你对原型的理解

==================================

原型链

实例.属性名,遇到属性名先看是否是本身的私有属性,若是是的话就用私有的,不是的话,经过实例的_ _ proto _ _ 找到所属的原型(prototype)尚未的话,经过所属类的prototype的 _ proto _继续找,一直找到基类Object的prototype

=========题==========

Object.prototype.x = 10;
    Object.prototype.y = 20;
    Object.prototype.sum = function() {
        console.log(this.x + this.y)
    };
    function Fn() {
        this.x = 100;
        this.y = 200;
        this.sum = function() {
            console.log(this.x + this.y)
        }
    }
    Fn.prototype.sum = function() {
        console.log(this.x + this.y);
    }
    Fn.prototype.x = 1;cou
    Fn.prototype.y = 2;
    var f1 = new Fn;
    var f2 = new Fn;

    Fn.prototype.sum();
    f1.__proto__.__proto__.sum();

    Fn.prototype.__proto__.sum();
    
    f1.__proto__.sum==f2.__proto__.__proto__.sum

    f1.__proto__.sum==Fn.prototype.sum

    f1.__proto__.sum==Fn.prototype.__proto__.sum

    f1.__proto__.__proto__.sum==Fn.prototype.__proto__.sum

    Object.prototype.sum==Object.prototype.sum

=============有趣的东西==============

//caller:检验函数被谁调用过
    function Fn() {
        console.log(arguments.callee.caller);
        console.log(Fn.prototype.constructor === arguments.callee);
    }
    function fn() {
        Fn()
    }
    fn();


    function sum(n) {
        console.log(arguments.callee===arguments.callee.caller);
        if(n<=0){
            return 0
        }
        return n+sum(--n);
    }
    console.log(sum(10));
</script>