显式原型
先产生显式原型属性(prototype),再产生隐式原型属性(___proto __)
定义函数的时候空的Object是没有我们自己添加数据,其实它自己有:proto(隐式原型属性)、constructor(构造器)
隐式原型
什么拥有隐式对象?
实例对象
实例对象分为两类
:函数(有显式、隐式,也叫类型对象,它是Function的实例)、
new 构造函数(一般情况下,是类型的实例)
函数也是实例对象,但是有时候我们创建一个实例的对象的时候,不一定是函数。
我们把函数称为:类型对象(构造函数)
使两个引用变量指向同一个对象的方法
:将一个引用变量赋值给另外一个引用变量。
如下:
*隐式原型属性__proto__时什么时候产生的?
创建实例对象的时候产生的。
*创建隐式原型的时候内部执行了一条语句:
this.porto=构造函数.prototype;
**构造函数.prototype存的地址值,赋给__proto__。
1、每个函数function都有一个prototype,即显式原型
2、每个实例对象都有一个__proto__,可称为隐式原型
function Funn(){}
var Foo =new Function()
Function=new Function()
*所有函数的__proto__都是一样的。
对象的隐式原型的值【等于】对应构造函数的显式原型的值【非常重要】
4、内存结构图
5、总结:
***函数的prototype属性:在定义函数时自动添加的,默认是一个空的Object对象
***对象的__proto__属性:创建对象时自动添加的,默认值为构造函数的prototype属性值
***程序猿能直接操作显式原型,但不能直接操作隐式原型(ES6之前)
//(1)定义构造函数
function Fn(){//内部 :this.prototype={}
}
//1、每个函数function都有一个prototype,即显式原型
console.log(Fn.prototype);
//2、每个实例对象都有一个__proto__,可称为隐式原型
var fn = new Fn();//内部:this.__proto__ = Fn.prototype;
console.log(fn.__proto__);//实际上不能直接操作隐式原型,这里是为了测试
//3、对象的隐式原型的值为其对应构造函数的显式原型的值
console.log(Fn.prototype === Fn.__proto__);//false
console.log(Fn.prototype === fn.__proto__);//true
//(2)原型添加方法
Fn.prototype.test=function () {
console.log('test()');
}
//(3)通过实例对象调用原型的方法
fn.test();//test()