深入学习之原型和原型模式
//1、每一个函数数据类型(普通函数、类)都有一个天生自带的属性:prototype(原型),并且这个属性是一个对象数据类型的值
//2、并且在prototype上浏览器天生给它加了一个属性constructor(构造函数),属性值是当前函数(类)本身
//3、每一个对象数据类型(普通的对象、实例、prototype...)也天生自带一个属性:__proto__,属性值是当前实例所属类的原型(prototype)
//3、原型链模式
//f1.hasOwnProperty("x");//->hasOwnProperty是f1的一个属性
//但是我们发现在f1的私有属性上并没有这个方法,那如何处理的呢?
//1)通过 对象名.属性名 的方式获取属性值的时候,首先在对象的私有的属性上进行查找,如果私有中存在这个属性,则获取的是私有的属性值;
//如果私有的没有,则通过__proto__找到所属类的原型(类的原型上定义的属性和方法都是当前实例公有的属性和方法),原型上存在的话,获取的是公有的属性值;
//如果原型上也没有,则继续通过原型上的__proto__继续向上查找,一直找到Object.prototype为止...
//-->这种查找的机制就是我们的"原型链模式"
function Fn() {
this.x = 100;
this.sum = function () {
};
}
Fn.prototype.getX = function () {
console.log(this.x);
};
Fn.prototype.sum = function () {
};
var f1 = new Fn;
var f2 = new Fn;
console.log(Fn.prototype.constructor === Fn);//->true
//2、Object是JS中所有对象数据类型的基类(最顶层的类)
//1)、f1 instanceof Object ->true 因为f1通过__proto__可以向上级查找,不管有多少级,最后总能找到Object
//2)、在Object.prototype上没有__proto__这个属性
//3、原型链模式
//f1.hasOwnProperty("x");//->hasOwnProperty是f1的一个属性
//但是我们发现在f1的私有属性上并没有这个方法,那如何处理的呢?
//1)通过 对象名.属性名 的方式获取属性值的时候,首先在对象的私有的属性上进行查找,如果私有中存在这个属性,则获取的是私有的属性值;
//如果私有的没有,则通过__proto__找到所属类的原型(类的原型上定义的属性和方法都是当前实例公有的属性和方法),原型上存在的话,获取的是公有的属性值;
//如果原型上也没有,则继续通过原型上的__proto__继续向上查找,一直找到Object.prototype为止...
//-->这种查找的机制就是我们的"原型链模式"
// f1.getX === f2.getX - > true
// f1.__proto__.getX === f2.getX - > true
// f1.getX === Fn.prototype.getX - > true
// f1.sum === f2.__proto__.sum - > false
// f1.sum === Fn.prototype.sum; - > false
var num = 12;
var obj = {
num:13,
fn: (function (num) {
this.num = num + 20;
num += 20;
return function () {
this.num = num + 20;
num += 20;
console.log(num);
}
})(num)//->12
};
var fn = obj.fn;
fn();
obj.fn();
console.log(window.num, obj.num);
//所有的对象数据类型(普通对象、数组、正则、实例、类的原型...)都是Object这个基类的一个实例
//所有的函数数据类型(普通函数、内置类、自定义类...)都是Function这个基类的一个实例
//函数或者类都是函数数据类型,所有的函数数据类型都是Function的一个实例,所有的实例都是对象数据类型的 -> 函数也是对象数据类型的值