<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js面向对象学习2</title>
</head>
<body>
<script>
//现实生活中电脑一般有主机(host),键盘(keyboard),鼠标(mouse),显示器(monitor)
//主机可能包含有主板(motherboard),CPU,硬盘(HardDisk),声卡(AudioCard),显卡(GraphicCard)
//显示器(monitor):价格(price),厂家(factory),型号(type),尺寸(size)
//首先创建一个显示器对象
var monitor={ //使用对象直接量创建一个monitor对象
price:1800,
factory:"xx00公司",
type:"呵呵",
size:17,
close:function(){ //第二中方法给对象创建方法
document.write("我关了显示器<br>");
},
modulate:new Function('document.write("我调整显示器");') //第三中方法
};
document.write("显示器的厂家:"+monitor.factory+"<br />");
document.write("显示器的价格:"+monitor.price+"<br />");
document.write("显示器的类型:"+monitor.type+"<br />");
document.write("显示器的大小:"+monitor.size+"<br />");
//现在我们为显示器创建一个打开方法
monitor.open=function(){
//return "价值"+this.price+"的"+this.factory+"";
document.write("价值"+this.price+"的"+this.factory+"<br>");
}
//alert(monitor.open());
monitor.open();
monitor.close();
monitor.modulate();
//下面使用对象构造函数创建对象
function Monitor(_price,_factory,_type,_size){
this.price=_price,
this.factory=_factory,
this.type=_type,
if(_size==undefined){
this.size=15;
}
else{
this.size=_size
}
}
var monitor1=new Monitor(1800,"haha","hehe");
var monitor2=new Monitor(2000,"a","b",18);
document.write("<br>第一台显示器的大小"+monitor1.factory+"<br>");
document.write("<br>第一台显示器的厂家"+monitor1.factory+"<br>");
document.write("<br>第一台显示器的厂家"+monitor1.factory+"<br>");
document.write("第二台显示器的厂家"+monitor2.factory);
</script>
</body>
</html>
分享到:
相关推荐
在JavaScript面向对象的上下文中,我们可以创建专门处理Canvas绘图的类,封装复杂的绘图逻辑: ```javascript class Circle { constructor(x, y, radius) { this.x = x; this.y = y; this.radius = radius; } ...
在提供的资源中,《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导,而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...
### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript...通过学习本书,读者可以全面掌握面向对象编程的基本概念,并学会如何将这些概念应用到JavaScript中,从而编写出更加健壮、可维护的代码。
JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南(第2版)》,开发者不仅能掌握JavaScript的面向对象编程基础,还能了解到实际项目中如何有效地运用这些知识,提升编程技巧和解决问题的能力。
根据提供的文件信息,我们将重点放在面向对象编程(OOP)在JavaScript中的应用上。JavaScript作为一种广泛使用的脚本语言,不仅在浏览器环境中发挥着重要作用,在服务器端开发(如Node.js)及桌面应用程序开发等领域也...
"javascript面向对象框架"这一主题涵盖了JavaScript中实现面向对象编程的框架,特别是Prototype和MooTools这两个优秀的库。 Prototype是JavaScript的一个开源库,它扩展了JavaScript的基本对象和函数,提供了强大的...
总结来说,"js 贪吃蛇(面向对象)"案例提供了学习和实践JavaScript面向对象编程的好机会。通过分析和实现这个案例,开发者可以深入理解面向对象的设计原则,提高代码复用和维护性,同时也能体会到面向对象编程在...
总而言之,学习现代JavaScript面向对象编程,有助于开发者在认识这门语言演化的基础上,运用面向对象的设计和编程模式来构建更加健壮和可维护的JavaScript应用程序。同时,测试和调试是保证代码质量不可或缺的环节,...
总结一下,JavaScript面向对象编程主要包括类的表示(通过构造函数)、对象的创建(对象工厂、构造函数、原型模式)以及继承的实现(原型链)。理解这些概念对于深入学习JavaScript和开发复杂的JavaScript应用至关...
在本项目"小游戏JavaScript面向对象编程贪吃蛇"中,我们将深入探讨如何使用JavaScript进行面向对象编程,来实现经典的贪吃蛇游戏。面向对象编程(Object-Oriented Programming, OOP)是编程的一种范式,它将程序设计...
在JavaScript中,面向对象编程主要体现在三个方面:构造函数、原型和原型链以及闭包。以下是对这些概念的详细解释: 1. **构造函数**: 在JavaScript中,构造函数是一种特殊类型的函数,用于初始化一个新创建的...
### JavaScript面向对象精要 #### 一、概述 《JavaScript面向对象精要》是一本深入讲解JavaScript面向对象编程原理的专业书籍。本书由知名的前端开发者Nicholas C. Zakas撰写,全面介绍了JavaScript作为一种动态...
### JavaScript学习深入—面向对象编程 #### 一、JavaScript中的类型概述 JavaScript作为一种动态的、弱类型的语言,其核心特点之一在于它灵活的对象模型。尽管JavaScript的基础架构支持面向对象编程(OOP),但在...
**JS面向对象汇总PDF**是针对JavaScript编程语言中面向对象编程概念的一个综合性的学习资料,主要探讨了JavaScript如何实现面向对象编程(OOP)的设计原则和模式。在JavaScript中,面向对象编程是一种重要的编程范式...
在深入讲解JavaScript面向对象与原型的知识点之前,首先需要了解JavaScript的基础知识。在JavaScript中,面向对象编程(OOP)的概念虽然存在,但是它的实现与传统基于类的语言有所不同。ECMAScript,也就是...
### 面向对象技术-2,javascript教程,js面向对象教程 #### 课程目标概述 本教程旨在帮助读者深入理解面向对象编程的基础知识,并掌握JavaScript中的面向对象编程技巧。主要内容涵盖面向对象的基础概念、核心特性...
在JavaScript中,面向对象编程(OOP)是其核心概念之一,允许开发者通过类和对象来组织和管理代码,提高代码的可重用性和可维护性。 8.1 面向对象术语 面向对象编程的基础包括类、对象、继承和多态等概念。类是对象...
从所提供的文件信息中,我们可以总结以下几点与“JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf”相关的重要知识点。 首先,该文件提到的书籍是关于JavaScript面向对象编程的,面向对象编程...