`
- 浏览:
121963 次
- 性别:
- 来自:
郑州
-
浅析Javascript中继承和Prototype的关系2008年01月16日 星期三 上午 10:55 JavaScript中支持类的定义,而且定义的方式与函数基本上也相同。
1function out(val){
2 document.write(val+"<br>");
3};
4
5function BaseClass() {
6 this.a="I'm BaseClass.a .";
7};第一行的内容可以看成是一个函数,第五行可以看成是一个类。
我们继续,现在我们来看看Javascript 中的继承,以及 Prototype 与继承的关系。先来看看下面这个代码。你能想出运行的结果吗?
1 <script>
2 // author: http://meil.livebaby.cn
3 function out(val){
4 document.write(val+"<br>");
5 };
6
7 function BaseClass() {
8 this.a="I'm BaseClass.a .";
9 };
10 BaseClass.prototype.b="I'm BaseClass.prototype.b .";
11 BaseClass.c="I'm BaseClass.c .";
12
13 var cls1=function(){
14 this.a="I'm cls1.a .";
15 };
16 cls1.prototype.b="I'm cls1.prototype.b .";
17 cls1.c="I'm cls1.c .";
18
19 var cls2=function(){};
20 cls2.prototype=cls1.prototype;
21
22 out("BaseClass<br>");
23 out((new BaseClass).a);
24 out((new BaseClass).b);
25 out((new BaseClass).c);
26 out(BaseClass.c);
27 out("<hr>");
28
29 out("cls1<br>");
30 out(cls1.a);
31 out(cls1.b);
32 out(cls1.c);
33 out("<hr>");
34
35 out("new cls1<br>");
36 out((new cls1).a);
37 out((new cls1).b);
38 out((new cls1).c);
39 out("<hr>");
40
41 out("cls2<br>");
42 out((new cls2).a);
43 out((new cls2).b);
44 out((new cls2).c);
45
46 </script>
运行结果:
BaseClass
I'm BaseClass.a .
I'm BaseClass.prototype.b .
undefined
I'm BaseClass.c .
--------------------------------------------------------------------------------
cls1
undefined
undefined
I'm cls1.c .
--------------------------------------------------------------------------------
new cls1
I'm cls1.a .
I'm cls1.prototype.b .
undefined
--------------------------------------------------------------------------------
cls2
undefined
I'm cls1.prototype.b .
undefined
哈哈!有点晕了!?好像不太一样。
下面来分析一下:
1.先看看这几行:
22 out("BaseClass<br>");
23 out((new BaseClass).a);
24 out((new BaseClass).b);
25 out((new BaseClass).c);
26 out(BaseClass.c);
27 out("<hr>");
25行是调用了对象的c属性,类中没有定义,所以“undefined”
26行直接调用了,类的静态属性,就正常显示了
其他的大家应该都明白了,就不多说了。
2.继续
30 out(cls1.a);
31 out(cls1.b);
32 out(cls1.c);
首先大家应该清楚cls1在这里是类,那就明了。这里cls1只有一个静态属性,就是c,其他的属性只能通过它的对象访问。用类名来访问对不起,找不到只能显示“undefined”,看下面的代码就清楚了。
3.继续
36 out((new cls1).a);
37 out((new cls1).b);
38 out((new cls1).c);
你不是说得用对象访问吗?我new这回可以了吧?恩!没问题?
不过不是都没问题这个不行-- out((new cls1).c); 那个是类的静态属性用这个 32 out(cls1.c); 就OK。
4.继续
41 out("cls2<br>");
42 out((new cls2).a);
43 out((new cls2).b);
44 out((new cls2).c);
这个的结果有点疑惑,先等等。看看我们是怎么写的
cls2.prototype=cls1.prototype;
哦!用prototype来继承的,对!
a是不能继承的,c是静态的也不能被继承。
5.在补充点内容,让你根多的了解JavaScript中继承的特性
1 var cls3=function(){};
2 cls3.prototype=BaseClass.prototype;
3
4 cls3.prototype.d="I'm cls3"
5 out((new cls3).d);
6 out((new BaseClass).d);
运行结果:
I'm cls3
I'm cls3
原来子类对象里可以同时变更父对象中的属性!强吧!!!哈哈!
结束!
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
JavaScript中的原型(Prototype)是理解JavaScript继承机制的关键概念。它是一种对象属性,允许一个对象访问并继承另一个对象的属性和方法。在这个“javascript prototype文档”中,我们可以期待深入学习JavaScript...
### JavaScript Prototype原型操作知识点 #### 一、Prototype基础概念 **Prototype** 在 JavaScript 中是一个非常重要的概念,它支持面向对象编程中的继承特性。每个 JavaScript 对象都有一个内部属性 `[...
### JavaScript Prototype 对象扩展 #### 一、简介与背景 在JavaScript中,`prototype`是一个非常重要的概念,尤其是在面向对象编程(OOP)方面。通过利用`prototype`,开发者能够更高效地管理对象间的共享属性和...
JavaScriptprototype的深度探索不是原型继承那么简单.pdf
JavaScript中的`prototype`是一个核心概念,它涉及到对象继承和函数原型。在JavaScript中,每创建一个函数,该函数就会自动获得一个名为`prototype`的属性,这个属性是一个对象,用于实现对象间的继承。同时,每个...
JavaScript Prototype 是一种重要的编程概念,尤其在Web开发中不可或缺。这个压缩包文件“JavaScript_Prototype(源代码+中文手册).rar”包含了关于JavaScript原型的源代码和中文手册,为学习和理解这一主题提供了...
JavaScript中的`prototype`属性是面向对象编程的关键特性之一,它关联了函数(特别是构造函数)与实例之间的继承关系。每个函数都有一个`prototype`属性,这个属性是一个对象,包含了所有实例共享的方法和属性。当...
javascript的prototype原型简单介绍: prototype原型是javascript中特别重要的概念,属于必须要掌握,如果没有良好的掌握的话,进一步用好或者学好js基本是不可能的实现的事情,并且此概念稍有难度,可能对于初次接触...
JavaScript,作为一种广泛应用于Web开发的脚本语言,其高级特性如闭包(closures)、原型(prototype)和继承(inheritance)是理解其精髓的关键。本文将深入探讨这些概念,帮助开发者更好地掌握JavaScript的核心。 ...
Prototype 是一个广泛使用的JavaScript库,设计目的是为了简化JavaScript的开发,尤其是处理DOM操作、AJAX交互以及事件处理等方面的工作。它通过提供一系列实用的工具函数和面向对象的特性,极大地提高了JavaScript...
Prototype.js 是一个强大的JavaScript类库,它为开发者提供了丰富的功能,使得创建具有高度互动性和Web2.0特性的富客户端页面变得更为简单。这个库的设计理念是扩展JavaScript的基础对象,提供一套统一且易于使用的...
JavaScript prototype(原型对象) 所有的 JavaScript 对象都会从一个 prototype(原型对象)中继承属性和方法。 在前面的章节中我们学会了如何使用对象的构造器(constructor): 实例 function Person(first, ...
JavaScript Prototype对象是JavaScript语言中的一个核心特性,它在JavaScript 1.1版本中就已经引入,主要目的是为了实现面向对象编程的继承机制。Prototype对象允许开发者为已存在的对象类型添加新的属性和方法,...
JavaScript中的原型链(Prototype Chain)是理解面向对象编程在JavaScript中的实现方式的关键概念。原型链是基于原型(Prototype)机制的一种实现,它允许对象继承其他对象的属性和方法。在JavaScript中,每个函数...
一、什么是JavaScript中对象的prototype属性 JavaScript中对象的prototype属性,是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的...
JavaScript中的prototype机制是其面向对象编程的核心概念之一,它允许开发者创建具有继承属性和方法的对象。在JavaScript中,几乎所有的对象都是通过某个构造函数或对象字面量创建的,而这些构造函数或对象自身都有...
JavaScript中的prototype属性是一个非常重要的概念,它是ECMAScript规范定义的一部分,用于给对象的构造函数添加新方法或者修改现有方法。IE 4引入的prototype属性主要用于面向对象编程中,能够在不改变原有构造函数...
JavaScript 使用 prototype 定义对象类型 在 JavaScript 中,prototype 是一个非常重要的概念,它提供了一套面向对象编程的基础设施,允许开发者定义对象类型和实现继承。下面我们将详细介绍如何使用 prototype ...