javascript关于继承解析
上一篇已介绍了组合继承,现在讲讲剩余的几种继承。
原型式继承
调用一个函数,接收这个函数返回来的对象,这个对象的原型就是传入函数的参数对象。
如:
function personObject(o){ function F(){} F.prototype = o; return new F(); } var person = { name:"Nicholas", friends:["Shelby","Court","Van"] } var person_one = personObject(person);
从上面的代码中,我们知道person是person_one的原型。ES5中添加了一个方法规范化原型式继承,这个方法是Object.create(),这个方法有两个参数,第一个是作为新对象原型的对象,像上面的person,第二个是为新对象定义额外属性的对象。第二个参数可选。
如:
var person_one = Object.create(person, { name: { value:"Jon" } });
当你只想让一个对象与另一个对象保持类似时,可以使用原型式继承。
寄生式继承
在一个函数里实现一次原型式继承,然后为接收到的这个对象添加自己的属性与方法。
如:
function createAnother(o){ var person_one = personObject(o); person_one.sayHi = function(){ alert(" hi "); } return person_one; }
寄生组合式继承
组合继承也有其缺点,它实现了两次属性继承,而寄生组合式继承就避免了这个问题。实例通过构造函数继承了属性,而原型的方法则是通过寄生式继承的方式来继承。
如:
function inherit(subType, superType){ var prototype = Object(superType.prototype); prototype.constructor = subType; subType.prototype = prototype; }
通过调用上面的函数,实现subTye.prototype的原型是superType.prototype,完成了原型方法的继承。
以上这篇javascript关于继承解析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
全面理解JavaScript中的继承(必看)
JavaScript中我们可以借助原型实现继承. 例如 function baz(){ this.oo=""; } function foo(){ } foo.prototype=new baz(); var myFoo=new foo(); myFoo.oo; 这样我们就可以访问到baz里的属性oo啦.在实际使用中这个样不行滴,由于原型的共享特点(数据保存在了堆上), 所有实例都使用一个原型,一但baz的属性有引用类型就悲剧了,一个实例修改了其他实例也都跟着变了...wuwuwu 自
-
JavaScript必知必会(七)js对象继承
对象继承inherit var o = { r: }; var c = function f() { }; c.prototype = o; c.r = ; alert(o.r);//被继承的属性值未发生改变.alert(c.r);//c中r覆盖了o中的属性. 如何调用o中的r属性呢. var o = { r: }; var c = function f() { }; c.prototype = o; alert(o.r);// 被继承的属性值未发生改变. alert(c.r);//查询r属性,
-
JavaScript继承学习笔记【新手必看】
JavaScript作为一个面向对象语言(JS是基于对象的),可以实现继承是必不可少的,但是由于本身并没有类的概念,所以不会像真正的面向对象编程语言通过类实现继承,但可以通过其他方法实现继承.实现继承的方法很多,下面就只是其中的几种. 一. 原型链继承 function Person() { //被继承的函数叫做超类型(父类,基类) this.name='mumu'; this.age='18'; } Person.prototype.name='susu';//当属性名相同时需就近原则,先在实
-
js原型链与继承解析(初体验)
首先定义一个对象obj,该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询obj的原型,我们通过判断obj的原型是否与Object.prototype相等来证明是否存在obj的原型,答案返回true,所以存在.然后我们定义一个函数foo(),任何一个函数都有它的prototype对象,即函数的原型,我们可以在函数的原型上添加任意属性,之后通过new一个实例化的对象可以共享其属性(下面的两个例子会详细介绍). function foo(){} fo
-
在JavaScript中模拟类(class)及类的继承关系
Javascipt语法不支持"类"(class)[es6已经支持],但是有模拟类的方法.今天我主要谈谈Javascipt中模拟"类"的方法及js中继承的总结和回顾. js中实现"类"与继承,既是重点,又是难点.很多同学可能都对js中"类"与继承都有所了解,但是深入剖析的时候,感觉力不从心.模棱两可. 我们先来总结一下js定义"类"的几种方法: 方法一:构造函数法 这个方法是比较经典的方法,我们会经常见到.生
-
javascript 用函数实现继承详解
一.知识储备: 1.枚举属性名称的函数: (1)for...in:可以在循环体中遍历对象中所有可枚举的属性(包括自有属性和继承属性) (2)Object.keys():返回数组(可枚举的自有属性) (3)Object.getOwnPropertyNames():所有的自有属性 3.属性的特性:数据属性和存取器属性 (1)数据属性:可写(writable) 可枚举(enumerable) 可配置(configurable) 值(value) 数据属性只有一个简单的值: (2)存取器属性: 写
-
javascript关于继承解析
上一篇已介绍了组合继承,现在讲讲剩余的几种继承. 原型式继承 调用一个函数,接收这个函数返回来的对象,这个对象的原型就是传入函数的参数对象. 如: function personObject(o){ function F(){} F.prototype = o; return new F(); } var person = { name:"Nicholas", friends:["Shelby","Court","Van"]
-
JavaScript ECMA-262-3 深入解析.第三章.this
介绍 在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节.讨论的主题就是this关键字. 实践证明,这个主题很难,在不同执行上下文中确定this的值经常会发生问题. 许多程序员习惯的认为,在程序语言中,this关键字与面向对象程序开发紧密相关,其完全指向由构造器新创建的对象.在ECMAScript规范中也是这样实现的,但正如我们将看到那样,在ECMAScript中,this并不限于只用来指向新创建的对象. 下面让我们更详细的了解一下,在ECMAScript中this的值到底是什么? 定义 t
-
javascript类继承机制的原理分析
目前 javascript的实现继承方式并不是通过"extend"关键字来实现的,而是通过 constructor function和prototype属性来实现继承.首先我们创建一个animal 类 js 代码 复制代码 代码如下: var animal = function (){ //这就是constructor function 了 this .name = 'pipi'; this .age = 10; this .height = 0; } //建立一个动物的实例 var
-
javascript原型继承工作原理和实例详解
先为大家分享JS原型继承实例,供大家参考,具体内容如下 一.JS原型继承 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS原型继承</title> </head> <body> <!--原型继承--> <script type="text/javascript"> //cl
-
学习javascript面向对象 javascript实现继承的方式
本文实例为大家介绍了javascript实现继承的6种方式,分享给大家供大家参考,具体内容如下 1.[原型链继承]实现的本质是重写原型对象,代之以一个新类型的实例.实际上不是SubType的原型的constructor属性被重写了,而是SubType的原型指向了另一个对象--SuperType的原型,而这个原型对象的construtor属性指向的是SuperType function SuperType(){ this.property = true; } SuperType.prototype
-
JavaScript转换与解析JSON方法实例详解
本文实例讲述了JavaScript转换与解析JSON方法.分享给大家供大家参考,具体如下: json格式数据如下: var json = { 'jquery': [{ "id": "1", "type": "ASP.NET", "title": "JSON全解析"}] } alert(json.jquery[0].id); alert(json.jquery[0].type); aler
-
javascript关于继承的用法汇总
本文实例汇总了javascript关于继承的用法.分享给大家供大家参考.具体如下: 例子: 复制代码 代码如下: /** * 实现子类继承父类,但不会产生多余的属性和方法 * @returns {Function} */ define(function(){ return function(subType, superType){ var proto = new Object(superType.prototype); proto.constructor = subType; subType.p
-
详述JavaScript实现继承的几种方式(推荐)
ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的. 原型链 原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法.每一个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的指针.如果:我们让原型对象A等于另一个类型B的实例,那么原型对象A就会有一个指针指向B的原型对象,相应的B的原型对象中保存着指向其构造函数的指针.假如B的原型对象又是另一个类型的实例,那么上述的关系依旧成立,如此层层递进,就构成了实例与原型的
-
学习JavaScript设计模式(继承)
1.继承 在javascript中继承是一个非常复杂的话题,比其他任何面向对象语言的中的继承都复杂得多.在大多数其他面向对象语言中,继承一个类只需要使用一个关键字即可.与它们不同,在javascript中要想达到传承公用成员的目的,需要采取一系列措施.更有甚者,javascript属于使用原型式继承的少数语言之一.利益于这种语言的灵活性,你既可使用标准的基于类的继承,也可使用更微妙一些的原型式继承. 2.为什么需要继承? 一般来说,在设计类的时候,我们希望能减少重复性的代码,并且尽量弱化对象间的
-
JavaScript类继承及实例化的方法
本文实例讲述了JavaScript类继承及实例化的方法.分享给大家供大家参考.具体如下: (function(){ var Class = { //扩展类 create: function(aBaseClass, aClassDefine){ var $class = function(){ for(var member in aClassDefine){ this[member] = aClassDefine[member]; } if('undefined'===typeof aClassD
随机推荐
- AngularJs Injecting Services Into Controllers详解
- 详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- js对数字的格式化使用说明
- Laravel框架实现发送短信验证功能代码
- PHP 用数组降低程序的时间复杂度
- PHP curl 或 file_get_contents 获取需要授权页面的方法
- php连接MySQL的两种方式对比
- js中利用tagname和id获取元素的方法
- 一天一个shell命令 linux好管家-进程-ps命令详解
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- 解决function函数内的循环变量
- 原生js三级联动的简单实现代码
- SQL 根据汉字获取全拼的代码
- jQuery实现的多滑动门,多选项卡效果代码
- 基于JavaScript短信验证码如何实现
- js将table的每个td的内容自动赋值给其title属性的方法
- moment.js轻松实现获取当前日期是当年的第几周
- IIS 6.0 应用程序池回收和工作进程使用介绍
- 我今天开始正式学习.net遇到的问题
- php实现批量下载百度云盘文件例子分享