大家好,又见面了,我是你们的朋友全栈君。
console.log(typeof Date.prototype) //object
console.log(Date.prototype) //如图1所示
function fun(){
}
console.log(fun.prototype) //默认指向一个object空对象(没有我们的属性)
图1
图2
/* Date函数的流程基本就是 首先创建一个Date函数, 然后通过Date.prototype(指向原型对象)向Date函数原型对象中添加很多方法 如下:以函数fun为例 */
function fun(){
}
fun.prototype.test = function(){
}
console.log(fun.prototype)
// 原型对象中有一个属性constructor,他指向函数对象
console.log(Date.prototype.constructor === Date) // true
console.log(fun.prototype.constructor === fun) // true
/* 给原型对象添加属性(一般都是方法)===》实例对象可以访问 */
function Fun(){
}
Fun.prototype.test = function(){
console.log('test()')
}
var fun = new Fun() // 实例化对象
fun.test() //test() 实例对象可以直接访问
/* 每个**函数function**都有一个prototype,即显式原型,默认指向一个object空对象 */
function Fn(){
//内部语句:this.prototype = {}
}
console.log(Fn.prototype)
/* 每个**实例对象**都有一个__proto__,即隐式原型,默认指向一个object空对象 */
var fn = new Fn() // 实例化对象,内部语句:this.__proto__ = Fn.prototype
console.log(fn.__proto__)
/* 对象的隐式原型的值为其对应的构造函数的显式原型的值,引用地址值相同,指向同一个对象 */
console.log(Fn.prototype === fn.__proto__) //true
Fn.prototype.test = function(){
console.log('test()')
}
fn.test() // test() 对象可以直接访问自己__proto__里面的属性和方法,本质上 对象的__proto__与其构造函数的prototype 指向的是同一个对象
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/163403.html原文链接:https://javaforall.cn