语法——原型prototype深入理解

console.log('-----------------------------Object');

var obj = {};
console.log(obj.__proto__ === Object.prototype);                // true
console.log(Object.prototype);                                  // Object
console.log(obj.prototype);                                     // undefined

console.log('-----------------------------Function');

// prototype is a Object property of a Function
var func = function () {};
console.log(func.__proto__ === Function.prototype);             // true
console.log(func.prototype === Function.prototype);             // false
console.log(func.prototype === Object.prototype);               // false

console.log(func.__proto__.__proto__ === Object.prototype);     // true
console.log(func.prototype.__proto__ === Object.prototype);     // true

console.log('-----------------------------new func');

// we look for say from this, then from __proto__ up
func.say = function () { console.log('func say'); }
func.__proto__.say = function () { console.log('func proto say'); }
func.prototype.say = function () { console.log('func prototype say'); }

// From this, we know that __proto__ is only used as pointer to find parent proto.
// And what the newed object has is determined by its prototype, and prototype.__proto__ etc.
//func.prototype.__proto__ = func.__proto__;

var new_func = new func();
new_func.say();
func.say();

// var new_func = {};
// new_func.__proto__ = func.prototype;
// func.call(new_func);

console.log(new_func.__proto__ === func.prototype);             // true
console.log(new_func.prototype);                                // undefined, as it's an Object

func.prototype.say = function () { console.log('func prototype say 2'); }
new_func.say(); // say 2

console.log('-----------------------------derived');

var de_func = function () {

};
de_func.prototype.__proto__ = func.prototype;

var new_de = new de_func();
new_de.say();

// remember:
// 1. var x = new obj(); means x.__proto__ = obj.prototype
// 2. we look for member from this first, then from this.__proto__

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值