码迷,mamicode.com
首页 > 其他好文 > 详细

原型链

时间:2016-04-24 00:32:51      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

一、普通对象和函数对象

Object ,Function 是JS自带的函数对象

function f1(){};
 var f2 = function(){};
 var f3 = new Function(‘str‘,‘console.log(str)‘);

 var o3 = new f1();
 var o1 = {};
 var o2 =new Object();

o1 o2 o3 为普通对象,f1 f2 f3 为函数对象。怎么区分,其实很简单,凡是通过 new Function() 创建的对象都是函数对象,其他的都是普通对象。f1,f2,归根结底都是通过 new Function()的方式进行创建的。Function Object 也都是通过 New Function()创建的。

 

二、原型对象

普通对象的属性有:_proto_;函数对象的属性有:prototype(原型对象)  _proto_;

原型对象其实就是普通对象(Function.prototype除外,它是函数对象,但它很特殊,他没有prototype属性(前面说道函数对象都有prototype属性))。看下面的例子:
 function f1(){};
 console.log(f1.prototype) //f1{}
 console.log(typeof f1. prototype) //Object
 console.log(typeof Function.prototype) // Function,这个特殊
 console.log(typeof Object.prototype) // Object
 console.log(typeof Function.prototype.prototype) //undefined

 从这句console.log(f1.prototype) //f1 {} 的输出就结果可以看出,f1.prototype就是f1的一个实例对象。就是在f1创建的时候,创建了一个它的实例对象并赋值给它的prototype,基本过程如下:
 var temp = new f1();
 f1. prototype = temp;(temp是个普通对象,所以f1.prototype是个普通对象)

  所以,Function.prototype为什么是函数对象就迎刃而解了,上文提到凡是new Function ()产生的对象都是函数对象,所以temp1是函数对象。
 var temp1 = new Function ();
 Function.prototype = temp1;(temp1是个函数对象,所以Function.prototype是个函数对象,他没有prototype属性)

JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。

举个例子:

var person = function(name){
   this.name = name
  };
  person.prototype.getName = function(){
     return this.name; 
  }
  var zjh = new person(‘zhangjiahao’);
  zjh.getName(); //zhangjiahao

1.person是一个函数对象,拥有prototype   _proty_;

2.person.prototype指向person.prototype。

  var temp=new person();

 person.prototype=temp(temp是普通对象,所以person.prototype是一个普通对象)

3.person.prototype拥有属性_proto_(因为是普通对象,所以没有prototype属性)

4.现在看person._proto_指向谁,因为_proto_指向创建它的函数对象的原型对象prototype,这里先找出创建它的函数对象。

因为person=function(){},所以创建person的是Function对象,那么Function的prototype指向Function.prototype,因此person._proto_指向Function.prototype

5.Function._proto_指向object.prototype,object.prototype指向NULL

6.person.prototype._proto_指向创建person.prototype的函数对象

 

原型链

标签:

原文地址:http://www.cnblogs.com/YangqinCao/p/5425949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!