JavaScript构造函数、继承的理解

前两天稍微深刻一点点理解了原型和原型链,而后就开始有挺多疑问的;javascript

function dog() {
   this.name = "huahua";
}
var  cat = new dog();
console.log(cat.name); //huahua

按照原型链继承,cat是dog的实例,cat会继承dog的原型对象的属性才对,为何cat.name又能继承dog的属性呢?html

通过简单的百度,这个问题仍是解决了的,咱们须要分析一下构造函数实例化的过程是如何的:java

一、建立一个空的cat对象;app

二、cat.__proto__ = dog.prototype;函数

三、dog.call(cat);this

四、return cat;prototype

关键在于第三步,将dog的this指向了cat,所以cat.name为huahua;htm

说到这里顺便总结一下this的内容,共四种状况:对象

一、通常函数中this指向全局对象;blog

二、做为对象的方法时,函数内部的this指向该对象;

三、做为构造函数,this指向new的实例对象;

四、apply和call时,this指向参数对象;

 

javascript定义类的方法:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html;阮一峰

相关文章
相关标签/搜索