实例一：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
<script type="text/javascript">
function CreatePerson() {
}
CreatePerson.prototype.name="Tom";
CreatePerson.prototype.sex="男";
CreatePerson.prototype.showName = function() {
alert("我的名字是叫" + this.name);
};
CreatePerson.prototype.showAge = function() {
alert("我是" + this.sex + "的");
};
var person1 = new CreatePerson();
person1.showName(); //我的名字是叫Tom
var person2 = new CreatePerson();
person2.showName(); //我的名字是叫Tom
alert(person1.showName == person2.showName); //true;
alert(person1 == person2); //false
</script>
</html>
实例二：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>JavaScript面向对象编程，JavaScript中属性访问</div>
</body>
<script type="text/javascript">
var book = {
_year: 2004,
edition: 1
};
Object.defineProperty(book, "year", {
get: function() {
return this._year;
},
set: function(newValue) {
if(newValue > 2004) {
this._year = newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2005;
alert(book.edition);//2
</script>
</html>
实例三：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>JavaScript面向对象编程，工厂模式</div>
</body>
<script type="text/javascript">
function createPerson(name,sex) { //这个函数是用来创建一个对象的，就叫构造函数
var person = new Object();
person.name=name;
person.sex=sex;
person.showName=function() {
alert("我的名字是叫" + this.name);
};
person.showAge = function() {
alert("我是" + this.sex + "的");
};
return person;
}
var person1 = createPerson("Tom","男");
var person2 = createPerson("Hanmeimei","女");
person1.showName(); //我的名字是叫Tom
person1.showAge(); //我是男的
person2.showName(); //我的名字是叫Hanmeimei
person2.showAge(); //我是女的
</script>
</html>
实例四：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>JavaScript面向对象编程，解决没有new的问题</div>
</body>
<script type="text/javascript">
function CreatePerson(name,sex) {
//假想的系统内部工作流程
//var this = new Object();
this.name = name;
this.sex = sex;
this.showName = function() {
alert("我的名字是叫" + this.name);
};
this.showAge = function() {
alert("我是" + this.sex + "的");
};
//假想的系统内部工作流程
//return this;
}
var person1 = new CreatePerson("Tom","男");
var person2 = new CreatePerson("Hanmeimei","女");
person1.showName(); //我的名字是叫Tom
person1.showAge(); //我是男的
person2.showName(); //我的名字是叫Hanmeimei
person2.showAge(); //我是女的
</script>
</html>
相关推荐
在提供的资源中，《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导，而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...
JavaScript作为一门浏览器语言的核心思想；面向对象编程的基础知识及其在... 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性，展示如何构建强健的、可维护的、功能强大的应用程序及程序库
《JavaScript面向对象编程指南》内容包括：JavaScript作为一门浏览器语言的..., 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性，展示如何构建强健的、可维护的、功能强大的应用程序及程序库。
JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南（第2版）》，开发者不仅能掌握JavaScript的面向对象编程基础，还能了解到实际项目中如何有效地运用这些知识，提升编程技巧和解决问题的能力。
### JavaScript面向对象编程详解 #### 一、引言 JavaScript作为一种广泛使用的脚本语言，在Web开发领域占据着举足轻重的地位。尽管JavaScript本质上是一种基于原型的语言，但它也支持面向对象编程的一些特性，使得...
下面将详细探讨JavaScript面向对象编程的基本原理、特性以及实际应用。 1. **类与对象** - 在JavaScript中，对象是键值对的集合，可以通过字面量语法或构造函数创建。例如： ```javascript const person = { ...
JavaScript面向对象编程指南是完整的扫描版...
javascript面向对象编程指南 2nd英文版，英文名：Object-Oriented JavaScript。 What you will learn from this book The basics of object-oriented programming, and how to apply it in the JavaScript ...
JavaScript面向对象编程.pdf
资源名称：Javaｓｃｒｉｐｔ面向对象编程 内容简介： 从语言的视角来看，面向对象的程序设计和面向对象的Javaｓｃｒｉｐｔ 语言绝对不是什么摩登的 东西；Javaｓｃｒｉｐｔ 最开始就是被设计成一...
JavaScript面向对象编程指南完整版是扫描的....