javascript __proto___ prototype和Function原代码狂想

----我以为的Function----

1 function Function ( ) {
2       this.prototype = new this() ; /*这就导致了所有的函数的原型都是对象;如:alert(typeof(Array.prototype));输出:object */
3       this.prototype.constructor = this ; // 由上一条推想可得
4       //... ...
5       //[native code]
6       //... ...
7   }

所有的函数:

预定义:

1 function Function () { [native code] }
2  function Object () { [native code] } // Global、Arguments、Math和JSON是Object构建的;
3  function Array () { [native code] }
4  function Date () { [native code] }
5  function String () { [native code] }
6  function Boolean () { [native code] }
7  function Number () { [native code] }
8  function RegExp () { [native code] }
自定义:

1 function Fn () { /*... ...*/ }

所谓的狂想

无论是预定义的(包括Function本身)还是自定义的函数都是由Function new出来的。我们知道,函数new出来的都是对象,那么Function是函数,它new出来的东西(函数)自然也会是对象,所以函数也是对象。

Function new出来的对象是函数,叫“函数对象”(简称“函数”);这跟

Array new出来的对象叫“数组对象”(简称“数组”);

Object new出来的对象是“对象对象”(简称“对象”)是一样的道理。

传说的癫疯

__proto__(血缘 或说DNA):

当用new操作符构造对象时,会在对象和构造函数之间创建__proto__链,该链应该是对外不可见的 (Firefox、chrome可以让我们访问到,但并不建议这样做)。它的引用是恒定的:对象.__proto__ = 该对象构造函数.prototype;但它的值是可变的,这明显取决于:该对象构造函数.prototype的值(废话!)。

prototype:

所有的对象都有__proto__,但只有函数对象(默认)拥有prototype,非函数对象(默认)没有也没必要拥有prototype,这是prototype本身的职能所决定的:Javascript利用prototype实现扩展、共享和继承。

__proto__链、prototype链图:

关于null:注意没有,指向null的箭头有一半是黑色的,这个箭头表示:Object.prototype.__proto__;

为什么是null?

如果根据我猜想的Function构造Object函数,那么:Object.prototype = new Object();

1 alert(Object.prototype)//输出:[ obje Object ]

那么应该是这样的才对啊:Object.prototype.__proto__ = Object.prototype;

看出问题没有?!如果是这样的话对象检索不存在的属性在到达Object的时候就会掉入死循环(专业点叫递归是么,不好意思美工出身):

1 Object.prototype.__proto__=Object.prototype;
2 var obj={};
3 alert(obj.say)

chrome javascript 控制台 :

Uncaught Error: Cyclic __proto__ value 

 所以我认为:Object.prototype.__proto__ = null 是特定定义的:

1 alert(Object.prototype.__proto__);
2 //firfox 和 chrome 输出:null
3 //IE9输出:undefined

无论是null还是undefined目的都是一样的,就是为了终止检索。

后遗症:

利用Function.prototype或者Object.prototype可以将方法或属性分享给所有的对像(不仅仅是“对象对象”哦)。原理,看图!

注意:对象检索自身属性无果时会去访问其__proto__而非其prototype(这有点像废话),函数对象的prototype只有由它构建的对象在检索自身属性无果时才会去访问:

1 Array.prototype.selfCheck = "Are you sure?";
2 alert(Array.selfCheck);// 输出:undefined;  自定义的函数亦是如此

FunctionObject会有所不同:

Function.prototype.selfCheck = "Yes!"
alert(Function.selfCheck) ; // 输出:"Yes!",原因如图:Function  __proto__  Function
Object.prototype.selfCheck = "Yes!"
alert(Object.selfCheck);// 输出:"Yes!",原因如图:Object __proto__ Function,Function.prototype是Object

更有意思的:

1 Function.prototype.sayHello="Hi,F";
2 Object.prototype.sayHello="Hi,O";
3 alert(Object.sayHello);//输出:Hi.F

追本溯源:(再说函数也是对象!)

把“函数对象”比作受惊L,那么Function就像是LZ,Function内的“this.prototype = new this()”就像是LZ内的一根JZ啊,受惊L同时拥有LZ和JZ的DNA,“函数对象”就这样同时具备了函数和对象的特性啊!!!

最后说一下constructor属性:

1 //alert("constructor" in 任意对象)  都是ture;
2 //但 任意“对象对象”.hasOwnProperty("constructor")都是fale;

对象的检索到的constructor属性值都是从它们的构造函数那里继承来的,从猜想的Function里面的this.property.constructor = this就可以看出。

转载于:https://www.cnblogs.com/zyfg/archive/2013/01/27/2879233.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值