看到一个曾经搞过web的人的blog中说到如果学Javascript不懂原形链，就太遗憾了，所以当自己看《javascript高级程序设计》时就留意了一下，说实话，下面的代码很简单，但是不是很懂所谓的原形链和对象冒充之类的东西
<!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 content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title>继承机制的实现--实例</title>
<script type="text/javascript">
function Polygon(iSides){
this.sides=iSides;
}
Polygon.prototype.getArea=function(){
return 0;
};
function Triangle(iBase,iHeight){
Polygon.call(this,3);
this.base=iBase;//设置基本的边数
this.height=iHeight;
}
Triangle.prototype=new Polygon();
Triangle.prototype.getArea=function(){
return 0.5*this.base*this.height;
};
function Rectangle(iWidth,iHeight){
Polygon.call(this,4);
this.width=iWidth;
this.height=iHeight;
}
Rectangle.prototype=new Polygon();
Rectangle.prototype.getArea=function(){
return this.width*this.height;
};
var triangle=new Triangle(12,4);
var rectangle=new Rectangle(22,10);
alert("三角形的边数："+triangle.sides);
alert("三角形的底边12,高4,面积为："+triangle.getArea());
alert("四边形的边数："+rectangle.sides);
alert("四边形的长22,宽10,面积为："+rectangle.getArea());
</script>
</head>
<body>
</body>
</html>
分享到：
相关推荐
JavaScript中的构造函数是一种特殊类型的函数，可以用来创建和初始化一个对象。通过`new`关键字调用构造函数，可以创建一个新的对象实例。例如： ```javascript function Person(name, age) { this.name = name;...
在JavaScript中创建对象的各种模式对于掌握这门语言的面向对象编程特性至关重要。...在学习和应用这些模式的过程中，理解JavaScript中对象和函数的关系、原型链的工作原理以及函数作用域的概念是非常关键的。
在JavaScript中，数组和对象是两种非常基础且重要的数据结构，它们被广泛应用于各种场景，如数据存储、逻辑处理和对象表示。这篇文章将深入探讨这两种数据类型，以及相关的操作和工具。 **一、数组** 数组在...
- **第三章：JavaScript中的类和对象**：详细介绍如何使用JavaScript创建类和对象。 - **第四章：继承**：探讨JavaScript中实现继承的不同方式。 - **第五章：封装和私有性**：讲解如何在JavaScript中实现封装以及...
在深入了解如何使用面向对象的技术创建高级Web应用程序之前，理解JavaScript中的对象是如何工作的至关重要。与C++或C#等语言中的对象概念不同，JavaScript中的对象更像是一个包含字符串键值对的词典。 **示例代码**...
本文将详细探讨三种主要的创建JavaScript对象的方法，并结合“源码”与“工具”的概念，来深入理解这些方式在实际开发中的应用。 一、字面量（Literal）方式 这是最简单直接的对象创建方式，通过大括号 `{}` 将属性...
本文旨在深入解析几种常见的实现类和对象的方法，并探讨它们之间的差异，以及在实际应用中如何选择合适的方法。 #### 方法一：使用 {} 和 new Object 定义实例 这种方法实际上并不定义一个类，而是直接创建一个...
本指南的第二版深入探讨了JavaScript的面向对象特性，旨在帮助开发者更好地理解和应用这一编程范式。 JavaScript的面向对象主要基于三个核心概念：封装、继承和多态。封装是将数据和操作这些数据的方法结合在一起，...
理解函数的原型链和闭包对于深入掌握JavaScript至关重要。 首先，让我们看看函数的定义方式。在JavaScript中，我们可以使用`function`关键字直接定义函数，如`function fn(a, b) {}`。此外，函数也可以通过赋值语句...
不同于传统的面向对象语言，JavaScript中没有类（class）的概念，而是通过不同的模式来创建对象。这些模式包括工厂模式、构造函数模式、原型模式，以及这些模式的结合与变种，它们各有特点和适用场景。 1. 对象字面...
面向对象编程是现代JavaScript的核心之一，它通过构造函数、原型链等机制实现了类和继承的概念。掌握这些基本概念对于构建高效、可维护的JavaScript应用至关重要。同时，合理利用现有的测试工具和框架可以极大地提高...
总的来说，JavaScript中的面向对象编程与传统的基于类的OOP有所不同，它通过原型链和构造函数来实现对象的创建和继承。正确理解并运用这些概念，可以让开发者更有效地利用JavaScript进行面向对象的编程。
在实际应用中，开发者会根据需求选择合适的对象创建方式。例如，如果需要创建大量相似的对象，构造函数和原型链可能是最佳选择；而如果想要保持数据私有，模块模式则很有效。理解并熟练运用这些创建对象的方法，将有...
JavaScript是一种高级的、解释型的编程语言，它支持面向对象的编程范式，允许开发者创建对象、使用继承和多态等面向对象的特性。以下是关于JavaScript面向对象编程的一些关键知识点： 1. 对象：在JavaScript中，...
JavaScript是一种广泛应用于Web开发的动态脚本语言，其在创建交互式网页和应用程序时起着核心作用。在JavaScript中，面向对象编程（Object-Oriented Programming，简称OOP）是实现复杂逻辑和组织代码结构的重要方式...
通过本文的介绍，你应该能够理解工厂模式的基本概念，掌握在JavaScript中实现工厂模式的方法，并能够在实际项目中应用这一模式来构建灵活的对象创建机制。 通过本文的介绍，你应该能够理解工厂模式的重要性，掌握在...
在JavaScript中，面向对象编程（OOP）是其核心概念之一，允许开发者通过类和对象来组织和管理代码，提高代码的可重用性和可维护性。 8.1 面向对象术语 面向对象编程的基础包括类、对象、继承和多态等概念。类是对象...
原型方式是JavaScript中一种基于原型继承的机制，它允许对象共享相同的属性和方法，从而减少内存使用，并且能够利用原型链来实现继承。 标签“javascript面向对象 javascript创建对象”则明确告诉读者，文章将围绕...
在JavaScript中，面向对象编程是一种重要的编程范式，它允许我们通过类和对象来组织和管理代码。在JavaScript中，面向对象主要基于以下三个核心概念：构造函数、原型和实例。 首先，我们要理解如何在JavaScript中...
JavaScript，作为一种广泛应用于Web开发的脚本语言，其内核和面向对象特性是开发者必须掌握的基础知识。以下是对这些主题的详细阐述： 一、JavaScript内核 JavaScript的内核主要涉及解释器、垃圾回收机制、事件循环...