<script type="text/javascript">
//语法甘露:
var object = //定义小写的object 基本类,用于实现最基础的方法等
{
isA: function(aType) //一个判断类与类之间以及对象与类之间关系的基础方法
{
var self = this;
while(self)
{
if (self == aType)
return true;
self = self.Type;
};
return false;
}
};
function Class(aBaseClass, aClassDefine) //创建类的函数,用于声明类及继承关系
{
function class_() //创建类的临时函数壳
{
this.Type = aBaseClass; //我们给每一个类约定一个Type 属性,引用其继承的类
for(var member in aClassDefine)
this[member] = aClassDefine[member]; //复制类的全部定义到当前创建的类
};
class_.prototype = aBaseClass;
return new class_();
};
function New(aClass, aParams) //创建对象的函数,用于任意类的对象创建
{
function new_() //创建对象的临时函数壳
{
this.Type = aClass; //我们也给每一个对象约定一个Type 属性,据此可以访问到对象所属的类
if (aClass.Create)
aClass.Create.apply(this, aParams); //我们约定所有类的构造函数都叫Create,这和DELPHI 比较相似
};
new_.prototype = aClass;
return new new_();
};
//语法甘露的应用效果:
var Person = Class(object, //派生至object 基本类
{
Create: function(name, age)
{
this.name = name;
this.age = age;
},
SayHello: function()
{
alert("Hello, I'm " + this.name + ", " + this.age + " years old.");
}
});
var Employee = Class(Person, //派生至Person 类,是不是和一般对象语言很相似?
{
Create: function(name, age, salary)
{
Person.Create.call(this, name, age); //调用基类的构造函数
this.salary = salary;
},
ShowMeTheMoney: function()
{
alert(this.name + " $" + this.salary);
}
});
var BillGates = New(Person, ["Bill Gates", 53]);
var SteveJobs = New(Employee, ["Steve Jobs", 40, 1234]);
BillGates.SayHello();
SteveJobs.SayHello();
SteveJobs.ShowMeTheMoney();
//var LittleBill = New(BillGates.Type, ["Little Bill", 6]); //根据BillGate 的类型创建LittleBill
var LittleBill = New(BillGates, ["Little Bill", 6]); //根据BillGate 的类型创建LittleBill
LittleBill.SayHello();
alert(BillGates.isA(Person)); //true
alert(BillGates.isA(Employee)); //false
alert(SteveJobs.isA(Person)); //true
alert(SteveJobs.isA(Employee)); //true
alert(LittleBill.isA(Person)); //true
alert(LittleBill.isA(Employee)); //true
alert(Person.isA(Employee)); //false
alert(Employee.isA(Person)); //true
</script>
分享到:
相关推荐
面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端...
javascript高级精品教程-面向对象专题构建自己的js库.part02
javascript高级精品教程-面向对象专题构建自己的js库
本文将深入探讨JavaScript的基础、中级和高级概念,特别是其面向对象特性。 一、JavaScript基础 1. 变量与数据类型:JavaScript支持动态类型,允许声明变量时无需指定类型。基本数据类型包括字符串(String)、数字...
javascript面向对象编程--传智播客--蔡世友
包含 javascript 的基础语法 面向对象的实现 设计模式实现 模块化开 javascript 常见的疑问 ...Javascript-Design-Pattern 1. Singleton-Pattern 2. Chaining 3.Factory-Pattern 4. Bridge-Pattern
08JavaScript基础语法-1.xmind
本项目"0原生js-面向对象-无缝轮播图.zip"旨在通过原生JavaScript和面向对象编程思想,创建一个无缝轮播图特效。无缝轮播图是一种常见的网页元素,它为用户提供了一种优雅的方式来展示多张图片或内容,让它们看起来...
1. **原生JavaScript**:原生JavaScript是指不依赖任何库或框架,直接使用JavaScript语言核心语法进行开发。在这个幻灯片项目中,我们将利用JavaScript来处理DOM操作、事件监听、定时器以及动画效果,这些都是原生...
2. **方法封装**:面向对象的一个核心原则是将数据和操作数据的方法封装在一起。在这个计算器中,加、减、乘、除的操作可以被定义为Calculator对象的方法。例如,我们可以添加如下方法: ```javascript Calculator....
这种独特的设计使得JavaScript能够支持多种面向对象编程特性,同时保持语法的简洁性和灵活性。 #### 二、JavaScript的基本数据类型 JavaScript中包含以下几种内置的数据类型: 1. **Undefined**:表示未定义或...
JavaScript面向对象编程--继承.mht,JavaScript面向对象编程--继承.mht,JavaScript面向对象编程--继承.mht,JavaScript面向对象编程--继承.mht
面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码重用为目的的继承模式;BOM、DOM、浏览器事件、AJAX和JSON;如何实现JavaScript中缺失的...
JavaScript面向对象是编程语言JavaScript中的核心概念之一,它在实际开发中扮演着至关重要的角色。JavaScript,虽然最初设计为一种轻量级的脚本语言,但随着其发展,逐渐引入了面向对象的特性,使得它能够支持更复杂...
04 第四章 JavaScript对象及初识面向对象.md
### JavaScript面向对象编程精要 #### 一、引言 JavaScript是一种灵活且强大的脚本语言,它虽然起源于一种简单的浏览器脚本语言,但随着时间的发展,JavaScript已经成为了一种功能全面的编程语言,尤其是在Web开发...
包含javascript的基础语法,面向对象的实现和设计模式实现Javascript 代码其中很多都是伪代码的写法,便有回顾和总结。参考资料包含javascript的基础面向对象的实现设计模式实现语法开javascript常见的问题...
这份"JavaScript语法和对象速查手册-源代码"涵盖了JavaScript的基础语法、核心概念以及常用对象,对于开发者来说是一份非常实用的参考资料。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、...
面向对象编程(Object-Oriented Programming,OOP)是JavaScript中的一个重要概念,它允许开发者以更加模块化、可复用的方式组织代码。下面将详细探讨JavaScript面向对象编程的基本原理、特性以及实际应用。 1. **...
- **JavaScript与OOP**:虽然JavaScript并不是从一开始就设计为面向对象的语言,但它具备了面向对象编程的所有核心特性,例如封装、继承和多态。 - **构造函数与原型链**: - **构造函数**:用于创建对象实例的...