首先以博主的浅见,js一共只有8种数据类型,分别是:
三种基本类型:字符串型,数字型,布尔型
复合数据类型:数组,对象
其他数据类型:null,undifined
。
也就是说,js不存在类这个概念,js的继承并不是基于类的,而是基于原型对象的
狭义上说js只有一种机能实现了类似继承的东西:就是利用构造函数创建对象,这是对象有一个prototype属性,可以使用构造函数中的值。
在js中,所有对象都会有一个原型对象,对象会继承原型对象中的属性和方法,原型对象可以看做对象的一个属性,语法是这样的
object.prototype
在初始状态下prototype中什么都没有,下面这个例子的什么都没输出
<html> <head> <title>prototype</title> <meta http-equiv=content-type content=text/html;charset=gb2312> <script type=text/javascript> function typeObject(){ this.attribute1="str"; this.attribute2=123; this.attribute3=true; } //遍历原型对象 for(var obj in typeObject.prototype){ document.write(obj,":",myObject.prototype[obj],"<br>"); } </script> </head> <body> </body> </html>
为方便起见,以下的例子我只写script标签中的js
以下语法是js原型对象的语法,它利用构造函数构造了一个对象。
function mobile(_price,_factory,_type,_size){ this._price=_price; this._factory=_factory; this._type=_type; this._size=_size; } //利用构造函数构造对象 var myMobile01=new mobile(1999,"小米","MI3",5.0); document.write("没有为原型对象添加属性时,myMobile对象中的所有属性:<br>"); for(var obj in myMobile01){ document.write(obj,":",myMobile01[obj],"<br>"); }
以上就是利用构造函数创建对象:这时的输出是:
没有为原型对象添加属性时,myMobile对象中的所有属性:
_price:1999
_factory:小米
_type:MI3
_size:5
可以在以上代码后面再加上一段代码用来说明prototype
mobile.prototype.interface="USB"; document.write("为原型对象添加一个属性,此时myMobile对象中的所有属性"); for(var obj in myMobile01){ document.write(obj,":",myMobile01[obj],"<br>"); }
此时的输出是:
没有为原型对象添加属性时,myMobile对象中的所有属性:
_price:1999
_factory:小米
_type:MI3
_size:5
为原型对象添加一个属性,此时myMobile对象中的所有属性:
interface:USB
_price:1999
_factory:小米
_type:MI3
_size:5
综上所述,可以这样理解,所谓js的继承是分以下三部实现的
- 创建构造函数
- 利用构造函数创建对象
- 创建出的对象自动有内置prototype属性,可以利用这个属性修改构造函数
相关推荐
在JavaScript中继承是一个非常复杂的话题,比其他任何面向对象的语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。与它们不同,在JavaScript中要想达到传承公用成员的目的,...
JavaScript继承的三种方法实例 继承 继承: 首先继承是一种关系,类(class)与类之间的关系,JS中没有类,但是可以通过构造函数模拟类,然后通过原型来实现继承。 继承也是为了数据共享,js中的继承也是为了实现...
Javascript继承机制原理 可以参考下
JavaScript继承与多继承实例分析.docx
javascript继承之为什么要继承.docx
JavaScript继承机制研究.pdf
说好的讲解JavaScript继承,可是迟迟到现在讲解。废话不多说,直接进入正题。 既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考《面向对象JS基础讲解,工厂模式、构造...
JavaScript继承机制探讨及其应用.pdf
Javascript继承[参考].pdf
详解Javascript继承的实现_.docx
javascript 继承派生等问题的资料,都是网上收集的,学会apply call 就懂js面向对象的原理了。
本文实例讲述了JavaScript继承与聚合。分享给大家供大家参考,具体如下: 一、继承 第一种方式:类与被继承类直接耦合度高 1. 首先,准备一个可以被继承的类(父类),例如 //创建一个人员类 function Person(name)...
javascript继承问题,不知道写的可不可以,就勉强看看呗
JavaScript面向对象编程中使用继承,详细讲解四种实现方法的原理。
正因为JavaScript本身没有完整的类和继承的实现,并且我们也看到通过手工实现的方式存在很多问题, 因此对于这个富有挑战性的任务网上已经有很多实现了
NULL 博文链接:https://snandy.iteye.com/blog/429140
javascript毫无疑问是面向对象的,可日常使用中,怎么实现类,对象,继承这种高级语言特性呢.看完这个文档就很清楚啦,很不错的东西,适合有一丁点Javascript基础的童鞋
学完了Javascript类和对象的创建之后,现在总结一下Javascript继承机制的实现。Javascript并不像Java那样对继承机制有严格明确的定义,它的实现方式正如它的变量的使用方式那样也是十分宽松的,你可以设计自己的方法...
然而,继承中所涉及的不仅仅是一个对象,并且 js 也没有继承这一现有的机制,那它如何实现的呢? 原型 在 JavaScript 中,每个构造函数都拥有一个prototype属性,它指向构造函数的原型对象,这个原型对象中有一个 ...
深入学习javascript继承之前,先了解下面的几个概念: 父类:被继承的类 子类:由继承得来的类 超类:也就是父类 抽象类:一般不用来实例化的类,它的用途是用来给其他类继承. 基类:提供给其他类可以继承的类 派生类:由基类...