`
cgd123
  • 浏览: 11896 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

面向对象地使用JavaScript

阅读更多
TODO:这里的用法没有达到完备的程度,要继续修订、增添。

面向对象地使用JavaScript, 一例胜千言. 能用就先用着吧.


//定义一个类People, 类中包含一个字串变量name, 和一个方法display.
function People(){
	this.name = "default";
	this.display = function(){
		return "People's name is " + this.name;
	};
}

//由类People来创建一个对象aPeople, 并调用对象的方法display().
var aPeople = new People();
alert("Simply invoke a method in an object: " + aPeople.display());

//============================================
//创建继承了People类的AnotherPeople类.
var AnotherPeople = new Function();//这里的"Function"暂不能理解, 但不影响使用.
AnotherPeople.prototype = new People();//AnotherPeople类在这里对People类进行继承.

var finalPeople = new AnotherPeople();
alert("User father's method: " + finalPeople.display());
finalPeople.display = function(){
	//在对象里覆写父类中的方法.
	return "finalPeople is inherited successfully.";
};
alert(finalPeople.display());

//=============================
var OverRidePeople = new Function();
OverRidePeople.prototype = new People();
OverRidePeople.prototype.display = function(){
	//在新类中覆写父类中的方法. 这是我需要的用法.
	return "OverRidePeople is here";
};

var oneOverRidePeople = new OverRidePeople();
alert("Method override: " + oneOverRidePeople.display());

//=============================
//类Manager里包含了上面定义的类People的对象.
function Manager(){
	//要做一件事情, 先定义一个类, 让这个类的对象来完成事情.
	this.onePeople = new People();
	this.display = function(){
		return "Manager's name is " + this.onePeople.name;
	};
}

var aManager = new Manager();
alert(aManager.display());

//===============================
//回调函数的使用.
function method(){
	alert("This is method.");
}

function trigger(inputMethod){
	inputMethod();
}

trigger(method);





分享到:
评论

相关推荐

    面向对象JavaScript精要(英文原版pdf)

    ### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript精要》由Nicholas C. Zakas编写,是面向对象编程领域中的权威指南之一,尤其针对JavaScript这门语言。作者深入浅出地介绍了面向对象编程的...

    Javascript面向对象编程.

    在提供的资源中,《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导,而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...

    Javascript 面向对象的JavaScript进阶

    ### JavaScript面向对象进阶知识点详解 #### 8.1 面向对象编程的基本特性 在探讨面向对象的JavaScript之前,我们首先需要了解面向对象编程(Object-Oriented Programming, OOP)的基本特性:封装性、抽象性、继承...

    面向对象JavaScript开发

    面向对象JavaScript开发是现代Web开发中不可或缺的一部分,它使得JavaScript能够构建复杂、可维护的应用程序。 面向对象编程是一种基于对象和类的编程范式,它强调数据和操作数据的方法的封装。在JavaScript中,...

    面向对象javascript

    面向对象JavaScript教程 面向对象JavaScript是一种编程范式,它将JavaScript脚本编写转换为面向对象的思想。面向对象的JavaScript开发可以极大地提高开发效率和代码健壮性。 面向对象的JavaScript的特征包括: * ...

    JavaScript面向对象编程指南.pdf

    JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在... 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性,展示如何构建强健的、可维护的、功能强大的应用程序及程序库

    JAVASCRIPT 面向对象编程精要

    JavaScript使用原型链实现继承。每个对象都有一个原型对象,可以通过`__proto__`属性访问。创建一个对象时,它可以继承另一个对象的属性和方法。 ```javascript function Person(name, age) { this.name = name; ...

    JavaScript面向对象编程指南

    《JavaScript面向对象编程指南》内容包括:JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码...

    javascript 经典面向对象设计

    标题“JavaScript经典面向对象设计”指出了本书的主要内容是关于如何使用面向对象编程(OOP)原则和技术来编写高质量、可扩展且可重用的JavaScript应用程序及库。描述中提到本书相比其他中文资料更为清晰,深入到...

    javascript面向对象编程

    面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码重用为目的的继承模式;BOM、DOM、浏览器事件、AJAX和JSON;如何实现JavaScript中缺失的...

    javascript面向对象编程.pdf

    现代JavaScript编程语言的发展经历了渐进和稳固的过程。过去十年,它从一门被看作简单的玩物式语言...通过不断实践和学习,开发者可以更深入地掌握JavaScript面向对象编程的精髓,以此来创造更加丰富和高效的Web应用。

    Javascript面向对象编程

    JavaScript使用`function`关键字来定义类。例如: ```javascript function Student(name, age) { this.name = name; this.age = age; } ``` 在这个例子中,`Student`可以被视为一个类,用于创建特定类型的对象。...

    javascript面向对象编程(中文).pdf

    ### JavaScript面向对象编程知识点概述 #### 一、现代JavaScript编程概览 - **JavaScript的演进**:自诞生以来,JavaScript经历了从一个简单的脚本语言到现今被广泛应用于构建复杂应用的强大编程语言的过程。它的...

    JavaScript程序设计课件:面向对象概述.pptx

    面向过程与面向对象 6.1.1 面向过程与面向对象 1、概念 面向过程(Procedure Oriented)也可称之为“面向记录”,是一种以过程为中心的编程思想。它注重的是具体的步骤,只有按照步骤一步一步执行,才能够完成某件...

    JavaScript面向对象编程指南(第2版).rar

    JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南(第2版)》,开发者不仅能掌握JavaScript的面向对象编程基础,还能了解到实际项目中如何有效地运用这些知识,提升编程技巧和解决问题的能力。

Global site tag (gtag.js) - Google Analytics