Javascript 继承的读书笔记

original link: http://segmentfault.com/blog/trigkit4/1190000002440502

tag: segmentfault, prototype, child, parent, inherit,_proto_

对child的prototype进行赋值之前:

1. constructor指向本身

2. _proto_指向Object

赋值之后:

1. 新增加了一个继承自Parent的name属性,且值为mike

2. _proto_改为了parent

在this函数内:

在js中,被继承的函数称为超类型(父类,基类也行),继承的函数称为子类型(子类,派生类)。使用原型继承主要由两个问题:

一是字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数。

伪类解决引用共享和超类型无法传参的问题,我们可以采用“借用构造函数”技术

借用构造函数(类式继承)

<script>

function Parent(age){

this.name = [‘mike‘,‘jack‘,‘smith‘];

this.age = age;

}

function Child(age){

Parent.call(this,age);

}

var test = new Child(21);

alert(test.age);//21

alert(test.name);//mike,jack,smith

test.name.push(‘bill‘);

alert(test.name);//mike,jack,smith,bill

</script>

借用构造函数虽然解决了刚才两种问题,但没有原型,则复用无从谈起,所以我们需要原型链+借用构造函数的模式,这种模式称为组合继承

组合继承

<script>

function Parent(age){

this.name = [‘mike‘,‘jack‘,‘smith‘];

this.age = age;

}

Parent.prototype.run = function () {

return this.name + ‘ are both‘ + this.age;

};

function Child(age){

Parent.call(this,age);

}

Child.prototype = new Parent();

var test = new Parent(21);//写new Child(21)也行

alert(test.run());//mike,jack,smith are both21

</script>

组合式继承是比较常用的一种继承方法,其背后的思路是 使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又保证每个实例都有它自己的属性

时间: 2024-10-09 20:47:05

Javascript 继承的读书笔记的相关文章

JavaScript语言精粹读书笔记- JavaScript对象

JavaScript 对象 除了数字.字符串.布尔值.null.undefined(都不可变)这5种简单类型,其他都是对象. JavaScript中的对象是可变的键控集合(keyed collections). 对象是属性的容器,其中每个属性都拥有名字和值. JavaScript中的对象是无类别的(class-free)的.它对新属性的名字和值没有约束. JavaScript包括一个原型链特性,允许对象继承另一对象的属性. 对象的检索: stooge[“first-name”]或者stooge.

《javascript设计模式》读书笔记三(继承)

1.为什么要继承 在设计类的时候,总是在强调减少类与类之间的"耦合度",也就是减少类与类之间的关联.而通过继承能给我们带来什么呢? 1)减少重复性代码 2)弱化对象间的耦合 3)抽象不应该依赖细节:细节应该依赖抽象-<设计模式> 而我们知道像在C#语言中,继承机制操作的话,只需要一个关键字即可,而在javas没有这种机制,还需要模范,下面就是几种模仿继承的方法. 2.原型链式 首先创建一个Person类,其有name属性,然后让一个Author类来继承Person类.效果如

《javascript设计模式》读书笔记一(接口)

1.什么是接口 学习过<设计模式>的亲们可能听说过编程的一条原则:"针对接口编程而不是实现编程".那么到底什么是接口呢? 接口定义了一个对象应该有的那些方法的手段,但是不具体规定这些方法的具体实现.学习过C#,或者VB.NET的可能会很清楚.所谓的接口就是一个只有方法名,但没有实现的某种特殊的类. VB.NET中的接口 Public Interface Person Sub say() Sub eat() End Interface Public Class Man Imp

JavaScript权威指南读书笔记【第一章】

第一章 JavaScript概述 前端三大技能: HTML: 描述网页内容 CSS: 描述网页样式 JavaScript: 描述网页行为 特点:动态.弱类型.适合面向对象和函数式编程的风格 语法源自Java 一等函数来自Scheme 基于原型的继承来自于Self 名字和版本: JavaScript是由网景(Netscape)公司创建,“JavaScript”是Sun MicroSystem公司的注册商标,用来特指网景(Mozilla)对着门的实现. ECMAScript: 网景将这么语言作为标准

JavaScript高级程序设计-读书笔记(3)

第8章 BOM 1.window对象 (1)全局作用域 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象. 所有在全局作用域中声明的变量.函数都会变成window对象的属性和方法. (2)窗口关系及框架 如果界面中包含框架,这每个框架都拥有自己的window对象,并且保存在frames集合中,可以通过数值的索引(从0开始,从左至右,从上到下)或者框架名称来访问相

javascript高级程序设计读书笔记2

<!DOCTYPE HTML>//这个网页的文档类型,这个是html5的写法Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5 doctype.因此这一文档类型必须出现在项目的每个页面的开始部分 <html lang="en">//这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话) 有两个版本的 jQuery 可供下载:Production ver

JavaScript语言精粹 读书笔记(一)

JavaScript中的“严格模式”. 如果在脚本文件的第一行加入"use strict";  则整个脚本都将以“严格模式”运行.如果语句不在第一行,则无效,整个脚本以“正常模式”运行.PS:只要"use strict"; 不跟在实际运行结果的语句后面,可以不在第一行. 如果"use strict"; 放在一个函数体的第一行,则整个函数以“严格模式”运行. “严格模式”的意义 - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异

JavaScript语言精粹读书笔记 - JavaScript函数

JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代码复用.信息隐藏和组合调用. 函数用于指定对象的行为. 函数对象Functions: 在JavaScript中函数就是对象.对象是"键值"对的集合并拥有一个连接到原型对象的隐藏连接. 对象字面量产生的对象连接到Object.prototype.函数对象连接到Function.prototy

Javascript高级程序设计读书笔记(第六章)

第6章  面向对象的程序设计 6.2 创建对象 创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤: 创建一个新对象: 将构造函数的作用域赋给新对象: 执行构造函数中的代码: 返回新对象. 构造函数的问题:每个方法都要在每个实例上重新创建一遍: 理解原型对象: 无论何时,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象.默认情况下,所有原型对象都会自动获得一个constructor属性,这个属性包含一个指向proto