`
zeng7960983
  • 浏览: 43959 次
  • 性别: Icon_minigender_1
  • 来自: 邵阳
社区版块
存档分类
最新评论

js 面向对象学习2

阅读更多
<!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>
分享到:
评论

相关推荐

    js 面向对象实例

    在JavaScript面向对象的上下文中,我们可以创建专门处理Canvas绘图的类,封装复杂的绘图逻辑: ```javascript class Circle { constructor(x, y, radius) { this.x = x; this.y = y; this.radius = radius; } ...

    Javascript面向对象编程.

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

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

    ### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript...通过学习本书,读者可以全面掌握面向对象编程的基本概念,并学会如何将这些概念应用到JavaScript中,从而编写出更加健壮、可维护的代码。

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

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

    JavaScript面向对象编程指南.pdf

    根据提供的文件信息,我们将重点放在面向对象编程(OOP)在JavaScript中的应用上。JavaScript作为一种广泛使用的脚本语言,不仅在浏览器环境中发挥着重要作用,在服务器端开发(如Node.js)及桌面应用程序开发等领域也...

    javascript面向对象框架

    "javascript面向对象框架"这一主题涵盖了JavaScript中实现面向对象编程的框架,特别是Prototype和MooTools这两个优秀的库。 Prototype是JavaScript的一个开源库,它扩展了JavaScript的基本对象和函数,提供了强大的...

    js 贪吃蛇(面向对象)

    总结来说,"js 贪吃蛇(面向对象)"案例提供了学习和实践JavaScript面向对象编程的好机会。通过分析和实现这个案例,开发者可以深入理解面向对象的设计原则,提高代码复用和维护性,同时也能体会到面向对象编程在...

    javascript面向对象学习笔记

    总结一下,JavaScript面向对象编程主要包括类的表示(通过构造函数)、对象的创建(对象工厂、构造函数、原型模式)以及继承的实现(原型链)。理解这些概念对于深入学习JavaScript和开发复杂的JavaScript应用至关...

    小游戏JavaScript面向对象编程贪吃蛇

    在本项目"小游戏JavaScript面向对象编程贪吃蛇"中,我们将深入探讨如何使用JavaScript进行面向对象编程,来实现经典的贪吃蛇游戏。面向对象编程(Object-Oriented Programming, OOP)是编程的一种范式,它将程序设计...

    JS面向对象学习资料

    在JavaScript中,面向对象编程主要体现在三个方面:构造函数、原型和原型链以及闭包。以下是对这些概念的详细解释: 1. **构造函数**: 在JavaScript中,构造函数是一种特殊类型的函数,用于初始化一个新创建的...

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

    ### JavaScript面向对象精要 #### 一、概述 《JavaScript面向对象精要》是一本深入讲解JavaScript面向对象编程原理的专业书籍。本书由知名的前端开发者Nicholas C. Zakas撰写,全面介绍了JavaScript作为一种动态...

    JS面向对象汇总PDF

    **JS面向对象汇总PDF**是针对JavaScript编程语言中面向对象编程概念的一个综合性的学习资料,主要探讨了JavaScript如何实现面向对象编程(OOP)的设计原则和模式。在JavaScript中,面向对象编程是一种重要的编程范式...

    JavaScript面向对象基础.ppt

    在JavaScript中,面向对象编程(OOP)是其核心概念之一,允许开发者通过类和对象来组织和管理代码,提高代码的可重用性和可维护性。 8.1 面向对象术语 面向对象编程的基础包括类、对象、继承和多态等概念。类是对象...

    JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf

    从所提供的文件信息中,我们可以总结以下几点与“JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf”相关的重要知识点。 首先,该文件提到的书籍是关于JavaScript面向对象编程的,面向对象编程...

    javascript 经典面向对象设计

    2. **JavaScript中的面向对象编程** - JavaScript与传统面向对象语言的区别 - 原型链 - 构造函数 - 类与继承 - 静态属性与方法 3. **设计模式** - 单例模式 - 工厂模式 - 抽象工厂模式 - 建造者模式 - ...

Global site tag (gtag.js) - Google Analytics