JavaScript的几种（原型）继承

谈谈JavaScript的2种主要继承方式

今天给自己巩固一下js的继承知识,基础不好,有不对的地方,请尽量拍砖,越重越好. js继承方法最主要的是2种,一种是通过原型的方式,一种是通过借用call&apply的构造函数方式. 1.原型(prototype): function Body(name,age){// 创建一个Body类 this.name = name;// 赋予基础属性name.age this.age = age; } Body.prototype.sayName =function() {// 给原型定义一个sayNa…

再谈javascript原型继承

Javascript原型继承是一个被说烂掉了的话题,但是自己对于这个问题一直没有彻底理解,今天花了点时间又看了一遍<Javascript模式>中关于原型实现继承的几种方法,下面来一一说明下,在最后我根据自己的理解提出了一个关于继承比较完整的实现. 真正意义上来说Javascript并不是一门面向对象的语言,没有提供传统的继承方式,但是它提供了一种原型继承的方式,利用自身提供的原型属性来实现继承. 原型与原型链说原型继承之前还是要先说说原型和原型链,毕竟这是实现原型继承的基础. 在Javasc…

[转]Javascript原型继承

真正意义上来说Javascript并不是一门面向对象的语言,没有提供传统的继承方式,但是它提供了一种原型继承的方式,利用自身提供的原型属性来实现继承.Javascript原型继承是一个被说烂掉了的话题,但是自己对于这个问题一直没有彻底理解,今天花了点时间又看了一遍<Javascript模式>中关于原型实现继承的几种方法,下面来一一说明下,在最后我根据自己的理解提出了一个关于继承比较完整的实现,如果大家有不同意见,欢迎建议. 原型与原型链说原型继承之前还是要先说说原型和原型链,毕竟这是实现原型…

JavaScript原型继承工作原理

原型继承的定义当你阅读关于JS原型继承的解释时,你时常会看到以下这段文字: 当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止.——出自JavaScript秘密花园大多数JavaScript的实现用 __proto__ 属性来表示一个对象的原型链.在这篇文章里我们将看到__proto__与 prototype 的区别何在. 注:__proto__ 是一个不应在你代码中出现的非正规的用法,这里仅仅用它来解释JavaScript原型继承的工作原理. 以下代…

JS继承之原型继承

许多OO语言都支持两种继承方式:接口继承和实现继承.接口继承只继承方法签名,而实现继承则继承实际的方法.如前所述,由于函数没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的. --摘自<JavaScript高级程序设计> 原型继承原型链是实现原型继承的主要方法,基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法.…

JS原型继承和类式继承

前言一个多月前,卤煮读了一篇翻译过来的外国人写的技术博客.此君在博客中将js中的类(构造)继承和原型继承做了一些比较,并且得出了结论:建议诸位在开发是用原型继承.文中提到了各种原型继承的优点,详细的露珠不一一说明介绍了.这篇文章的名字是为什么原型继承很重要,有兴趣的同学可以去看,此文有些深度,值得反复阅读.今天这篇文章也来谈谈js中的继承方式以及它们的优缺点. 类式继承(构造函数) JS中其实是没有类的概念的,所谓的类也是模拟出来的.特别是当我们是用new 关键字的时候,就使得“类”的概念就越…

javascript实现继承3种方式：原型继承、借用构造函数继承、组合继承，模拟extends方法继承

javascript中实现继承的三种方式:原型继承.借用构造函数继承.混合继承: /* js当中的继承 js中构造函数原型对象实力对象的关系: 1 构造函数.prototype = 原型对象 2 原型对象.constructor = 构造函数(模板) 3 原型对象.isPrototypeOf(实例对象) 判断实例对象的原型是不是当前对象 4 构造函数实力对象是类和对象的关系 */ /* 1 原型继承给子类构造函数的原型对象赋值为父类构造函数的实例赋值之后产生的关系: 1 子类的原…

玩转JavaScript OOP[3]——彻底理解继承和原型链

概述上一篇我们介绍了通过构造函数和原型可以实现JavaScript中的“类”,由于构造函数和函数的原型都是对象,所以JavaScript的“类”本质上也是对象.这一篇我们将介绍JavaScript中的一个重要概念原型链,以及如何经原型链实现JavaScript中的继承. C#的继承首先,我们简单描述一下继承的概念:当一个类和另一个类构成"is a kind of"关系时,这两个类就构成了继承关系.继承关系的双方分别是子类和基类,子类可以重用基类中的属性和方法. C#可以显式地定义c…

web前端学习(二) javascript对象和原型继承

目录 1. JavaScrpt对象 2. 原型对象和继承 3. 对象的克隆 (1)javascript对象在JS中,对象是属性的容器.对于单个对象来说,都由属性名和属性值构成:其中属性名需要是标识符,而不能是字符串或者表达式,属性值可以是除undefined外的任何值.如果对象的属性值是函数,那么这个属性通常被称为方法.一般来说,对象可以通过直接量方式或者构造函数方式创建的,那么下面我用代码的方式更直观的展示对象的实现方式.(console.log在IE中无法工作,需要firefox或者Chr…

理解JavaScript中的原型继承(2)

两年前在我学习JavaScript的时候我就写过两篇关于原型继承的博客: 理解JavaScript中原型继承 JavaScript中的原型继承这两篇博客讲的都是原型的使用,其中一篇还有我学习时的错误理解.今天看<Understanding Scopes>这让我从新思考了一下原型继承,更重要的是站在一个继承设计者的角度再看一下原型继承. 在传统的面向类的继承体系中,我们有个Best Practices是优先使用(对象)组合代替(类)继承,而原型继承是这个思想的一个运用.和面向对象和函数式编程一…

JavaScript 类式继承与原型继承

交叉着写Java和Javascript都有2年多了,今天来总结下自己所了解的Javascript类与继承. Javascript本身没有类似Java的面向对象的类与继承术语,但其基于原型对象的思想却可以轻松实现各种类和继承. 下面来描述实现类的第一种方法,请看例子: function People(name, age){ this.name = name; this.age = age; this.say = function(){ console.log('hello, javascript!…

【读书笔记】读《编写高质量代码—Web前端开发修炼之道》 - JavaScript原型继承与面向对象

JavaScript是基于原型的语言,通过new实例化出来的对象,其属性和行为来自于两部分,一部分来自于构造函数,另一部分是来自于原型.构造函数中定义的属性和行为的优先级比原型中定义的属性和优先级高,如果构造函数和原型定义了同名的属性和行为,构造函数中的属性和行为会覆盖原型中的同名的属性和行为.如下图—— 当我们声明一个类时,其实同时生成了一个对应的原型,例如我们定义Animal这个类时,会生成一个与Animal类对应的原型,通过Animal.prototype可以指向这个原型,原型可以通过co…

【转载】Javascript原型继承-学习笔记

阮一峰这篇文章写的很好 http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html 笔记如下: 一直很难理解Javascript语言的继承机制. 它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(p…

JavaScript 原型继承开端

1.原型继承本质就javascript对象系统的实现来讲,对象并没有原型,而构造器有原型(构造器.prototype指向其原型).对象只有构造自某个原型的说法,并没有持有某个原型的说法.原型其实也是一个对象实例.原型的含义是指:如果构造器有一个原型对象A,则由该构造器创建的实例都必然复制自A. 2.空的对象是所有对象的基础来看看以下代码: <html> <head> <meta http-equiv="content-type" chars…

浅析Javascript原型继承(转)

引自: http://blog.csdn.net/kittyjie/article/details/4380918 原作者解释的浅显易懂,非常不错的JavaScript prototype总结 JS没有提供所谓的类继承,据说在2.0中要加入这种继承方式,但是要所有浏览器都实现2.0的特性那肯定又得N多年.昨天看了crockford的一个视频,里面讲解了一下JS的继承方式,按照PPT里面说的,一共分了三类:Prototypal,pseudoclassical,Parasitic Inheritan…

JavaScript的原型继承

JavaScript是一门面向对象的语言.在JavaScript中有一句很经典的话,万物皆对象.既然是面向对象的,那就有面向对象的三大特征:封装.继承.多态.这里讲的是JavaScript的继承,其他两个容后再讲. JavaScript的继承和C++的继承不大一样,C++的继承是基于类的,而JavaScript的继承是基于原型的. 现在问题来了. 原型是什么? 原型我们可以参照C++里的类,同样的保存了对象的属性和方法.例如我们写一个简单的对象 function Animal(name) { t…

彻底理解Javascript原型继承

彻底理解Javascript原型继承之前写过一篇Javascript继承主题的文章,这篇文章作为一篇读书笔记,分析的不够深入. 本文试图进一步思考,争取彻底理解Javascript继承原理实例成员与原型成员举一个<高性能Javascript>书中例子 var book={ title :"High Performance JavaScript", publisher:"Yahoo!Press" }; alert(book.toString());/…

javascript中的原型继承

在Javascript面向对象编程中,原型继承不仅是一个重点也是一个不容易掌握的点.在本文中,我们将对Javascript中的原型继承进行一些探索. 基本形式我们先来看下面一段代码: <code>//构造器函数 function Shape(){ this.x = 0; this.y = 0; } //一个shape实例 var s = new Shape(); </code> 虽然这个例子非常简单,但是有四个“非常重要”的点需要在此阐明: 1.s是一个对象,并且默认的它拥有访问…

Javascript原型继承容易忽略的错误

编写Javascript的开发者都知道,JS虽然没有类(ES6添加了class语法),但是可以模拟出OOP语言的类和面向对象的概念,比如我们都知道的一句话,Javascript中处处是对象,而面向对象语言的特性是继承,封装,多态,抽象,而本文讨论的是Javascript的继承,Javascript的继承方式有原型继承,组合继承,寄生继承等等,在日常开发中,哪种继承方式更好用在于开发者对于程序的结果以及性能的考虑.笔者在下面列举出原型继承中经常容易被忽略的错误. 常见错误一: function F…

JavaScript的3种继承方式

JavaScript的继承方式有多种,这里列举3种,分别是原型继承.类继承以及混合继承. 1.原型继承优点:既继承了父类的模板,又继承了父类的原型对象: 缺点:不是子类实例传参,而是需要通过父类实例,不符合常规. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte…

javascript精髓篇之原型链维护和继承.

一.两个原型很多人都知道javascript是原型继承,每个构造函数都有一个prototype成员,通过它就可以把javascript的继承演义的美轮美奂了. 其实啊,光靠这一个属性是无法完成javascript的继承. 我们在代码中使用的prototype完成继承在这里就不多说了.大家可以查一下资料. 另外一个看不见的prototype成员. 每一个实例都有有一条指向原型的prototype属性,这个属性是无法被访问到的,当然也就无法被修改了,因为这是维护javascript继承的基础. /…

【JavaScript】类继承(对象冒充)和原型继承__深入理解原型和原型链

JavaScript里的继承方式在很多书上分了很多类型和实现方式,大体上就是两种:类继承(对象冒充)和原型继承. 类继承(对象冒充):在函数内部定义自身的属性的方法,子类继承时,用call或apply实现对象冒充,把类型定义的东西都复制过来,这样的继承子类与父类并没有多少关联,不互相影响,有利于保护自身的一些私有属性. 原型继承:每个函数都有自己的原型(prototype)属性,这个属性是在生成实例对象时自动创建的.它本身又是一个对象,拥有能够在实例间共享的属性和方法.而实例本身的属性和方法,则…

面向对象的JavaScript --- 原型模式和基于原型继承的JavaScript对象系统

面向对象的JavaScript --- 原型模式和基于原型继承的JavaScript对象系统原型模式和基于原型继承的JavaScript对象系统在 Brendan Eich 为 JavaScript设计面向对象系统时,借鉴了Self和Smalltalk这两门基于原型的语言.之所以选择基于原型的面向对象系统,并不是因为时间匆忙,它设计起来相对简单,而是因为从一开始Brendan Eich就没打算在 JavaScript 中加入类的概念. 在以类为中心的面向对象编程语言中,类和对象的关系可以想象…

JavaScript的7种继承模式

<JavaScript模式>一书中,对于JavaScript的几种继承模式讲解得很清楚,给我提供了很大帮助.总结一下,有如下7种模式. 继承模式1--设置原型(默认模式) 实现方式: // 父构造函数 function Parent(name) { this.name = name || 'Adam'; } // 向原型中添加方法 Parent.prototype.say = function() { return this.name; } // 子构造函数(空白) function Chil…

javascript是一种面向对象语言吗？如果是，您在javascript中是如何实现继承的呢

·oop(面向对象程序设计)中最常用到的概念有 1.对象,属性,方法 1>(对象:具体事物或抽象事物,名词) 2>(属性:对象的特征,特点,形容词) 3>(方法:对象的动作,动词) 2.类 1> 在现实生活中,相似的对象之间往往都有一些共同的组成特征.例如蜂鸟和老鹰都具有鸟类的特征,因此他们可以被统称为鸟类. 2>在OOP中,类实际上就是对象的设计蓝图或者制作配方. 3>对象这个词,也称为实例,老鹰是鸟类的一个实例.我们能基于相同的类创建出许多不同的对象,因为类更多的…

JavaScript学习3：原型和继承

原型我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个对象,它的用途是包括能够由特定类型的全部实例共享的属性和方法.逻辑上能够这么理解:prototype是通过调用构造函数而创建的那个对象的原型对象. 为什么要引入原型的概念呢?使用原型的目的.也是他的优点是能够让全部的对象实例共享它所包括的属性和方法.换句话说,就是不必再构造函数中定义对象信息,而是能够直接将这些信息加入到原型中. 详细怎么用,我们来看代码实例: <span style="font-size:18p…

谈谈javascript中原型继承

什么是继承?拿来主义:自己没有,别人有,把别人的拿过来使用或者让其成为自己的如何实现继承的方式原型继承混入继承经典继承 1. 混入继承由于一个对象可以继承自任意的对象,即:o可以继承自对象o1,o2,o3...,所以,把这种继承称为:混入继承将其他对象中的成员加到自己身上对象可以继承自任意的对象 var o1 = {name:"女娲", age: 1, gender: "female"}; var o2 = {grade: "三年级二班&qu…

JS 原型继承的几种方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script type="text/javascript"> function Person() { this.name = '老王…

javascript原型和原型继承

每一个javascript对象(null除外)都和原型对象相关联,每一个对象都从原型对象继承属性. 所有通过对象直接量创建的对象都具有同一个原型对象,并可以通过javascript代码Object.prototype获得对原型对象的引用.通过关键字new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值.因此,同使用{}创建对象一样,通过new Object()创建的对象也继承自Object.prototype.同样,通过new Array()创建的对象的原型就是Array.…

Javascript原型链和原型继承

哇好久都没有写随笔啦,整个人都慵懒啦. 为了不让大家忘记我,把以前写过的一些慢慢发出来. 在JS 中, 有两条链子,作用域链和原型链. 作用域链相对容易理解,两点 - 函数限定变量作用域,就是说,在JavaScript中,在函数里面定义的变量,可以在函数里面被访问,但是在函数外无法访问 - 在JavaScript中使用变量,JavaScript解释器首先在当前作用域中搜索是否有该变量的定义,如果有,就是用这个变量:如果没有就到父域中寻找该变量. 由于变量提升,因此在实际开发的时候,推荐将变量…

【JavaScript的几种（原型）继承】的更多相关文章