<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
////////////////构造函数方式///////////////////////////////////
function myClass() {
this.id = 5;
this.name = 'myclass';
this.getName = function() {
return this.name;
}
}
var my = new myClass();
alert(my.id);
alert(my.getName());
//////////////////混合的构造函数/原型方式//////////////////////////////
function Car(sColor, iDoors, iMpg) {
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.drivers = new Array("Mike", "Sue");
}
Car.prototype.showColor = function () {
alert(this.color+this.doors);
};
Car.prototype.getValue = function(){
return this.color;
};
var oCar1 = new Car("red", 4, 23);
var oCar2 = new Car("blue", 3, 25);
oCar1.drivers.push("Matt");
alert(oCar1.drivers); //outputs "Mike,Sue,Matt"
alert(oCar2.drivers); //outputs "Mike,Sue"
document.write(oCar1.getValue()+':');
////////////////////////////////////////////////////
function StringBuffer(){
this.strings = new Array;
}
StringBuffer.prototype.append=function (str){
this.strings.push(str);
};
StringBuffer.prototype.toString = function(){
return this.strings.join("");
};
var sb = new StringBuffer();
sb.append('aaaa');
sb.append('aaa1111a');
document.write(sb.toString());
///////////////动态原型方法//////////////////////////////////////////
function Bus(sColor,iDoors,iMpg) {
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.drivers = new Array("Mike","John");
if (typeof Bus._initialized == "undefined") {
Bus.prototype.showColor = function() {
alert(this.color);
};
Bus.prototype.getValue = function(){
return 'Bus:'+this.color;
};
Bus._initialized = true;
}
}
var bus = new Bus('red',4,'mpg');
alert(bus.getValue());
</script>
</HEAD>
<BODY>
<a href="javascript:if(confirm('要删除吗？'))">删除</a>
</BODY>
</HTML>
分享到：
相关推荐
这篇博文主要探讨了JavaScript创建对象的几种常见方式，这对于理解和掌握JavaScript面向对象编程至关重要。在实际开发中，了解并灵活运用这些方法能够提高代码的可读性和可维护性。下面，我们将详细讲解标题中提到的...
以下是对标题和描述中提到的几种JavaScript面向对象编程模式的详细解释： 1. **构造函数与字面量结合模式** 在JavaScript中，我们可以通过构造函数和字面量语法来创建对象。构造函数用于定义对象的类型，而字面量...
在讨论JavaScript中定义对象的几种方式之前，我们先理解一下JavaScript中的对象到底是什么。JavaScript是一种基于原型的编程语言，对象是其核心概念之一。对象可以被视为一个容器，存储各种键值对集合，键为属性名，...
让我们通过几个具体的例子来深入理解如何使用JSON来创建和使用对象。 ##### 例1：网站信息的JSON表示 ```javascript var site = { URL: "www.dreamdu.com", name: "之", englishname: "dreamdu", author: ...
在这些经典小例子中，你可能会看到以下几个常见的JavaScript知识点： 1. **变量和数据类型**：JavaScript支持多种数据类型，包括字符串、数字、布尔值、null、undefined、对象和符号。了解如何声明、赋值和操作变量...
使用new操作符和构造函数是JavaScript中创建对象和实现继承的一种机制，这个机制非常重要，理解它对于深入学习和应用JavaScript是必不可少的。此外，也需要注意，尽管new操作符在JavaScript中非常强大，但在ES6以后...
10. **对象与属性**：JavaScript对象可以通过点号或方括号来访问和修改属性，可以创建动态的对象结构。 根据提供的“calc”文件名，这个例子可能涉及到计算相关的函数或类，比如创建一个计算器对象，包含了加、减、...
本文将深入探讨标题"几十个JavaScript例子"所涵盖的几个关键知识点。 1. **数字动态时钟**：JavaScript可以实时更新页面上的时间显示，创建一个数字动态时钟。通过`setInterval`函数定时调用一个函数来获取当前时间...
本资源“几十个JavaScript的例子下载”提供了丰富的学习材料，帮助开发者从初学者逐步进阶为精通者。 在JavaScript的世界里，这些经典案例可能涵盖以下几个方面： 1. **基础语法**：包括变量声明（var、let、const...
"通过面向对象利用JS实现五彩小球"是一个典型的实例，它展示了如何利用JavaScript的面向对象编程特性来创建一个视觉吸引人的五彩小球动画。在这个项目中，我们将探讨以下几个关键知识点： 1. **面向对象编程（OOP）...
在JavaScript中创建类或对象的方法主要包括以下几种： 一、使用大括号创建对象 在JavaScript中，可以通过大括号 {} 来创建一个简单的对象。这种方式可以快速定义一个对象字面量，该对象可以包含多个属性，属性名...
以下是几种主要的方法，包括对象字面量、构造函数、工厂模式、自定义构造函数和原型模式。 1. **对象字面量**： 这是最简单的创建对象的方式，通过大括号{}来直接定义对象及其属性和方法。例如： ```javascript ...
然而，three.js需要的数据格式通常是JSON或自定义的JavaScript对象，以便在浏览器中直接加载和渲染。 转换过程通常包括以下步骤： 1. **解析OBJ文件**：编写或使用现有库来读取和解析OBJ文件的内容，包括顶点、...
JavaScript，也被称为JS，是一种广泛应用于网页和网络应用的编程语言，主要负责客户端的动态交互。它是Web开发的三大核心技术之一，与HTML和CSS相辅相成，共同构建了丰富的用户体验。 JavaScript教程通常涵盖以下几...
本文将详细介绍几种常用的遍历技术，并通过示例代码展示如何实现。 #### 方法一：使用`Object.keys()` `Object.keys()`是一个非常实用的方法，它可以返回一个由一个给定对象的所有可枚举属性组成的数组。这些属性...
JavaScript生存图表实例是一种使用JavaScript库来创建动态、交互式的图表技术。在网页开发中，数据可视化是关键，而JavaScript提供了一系列强大的库，如Highcharts、D3.js、ECharts、Chart.js等，使得开发者能够轻松...
在JavaScript（JS）中，拖放（Drag and Drop）功能是一种常见的交互设计，它允许用户通过鼠标或触摸设备将元素从一个位置拖动到另一个位置。这个“JS 拖拽例子”是一个教学实例，旨在展示如何在网页上实现拖放操作。...
在JavaScript编程中，创建对象是一个基础而核心的...`Object.create()`方法的推出，使得JavaScript对象创建和继承机制更加完善和强大，同时也为开发者提供了更高级的抽象手段，帮助编写出更加模块化和可维护的代码。
JavaScript编写的时钟是一种常见的网页动态效果，它利用了JavaScript语言强大的时间和日期处理能力来实时显示当前时间。在这个实例中，我们主要会涉及到以下几个JavaScript的知识点： 1. **全局变量与函数**：在...