原型模式&原型链

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>

转载于:https://www.cnblogs.com/Jiazexin/p/7080347.html