现在进入了WEB2.0时代,AJAX的应用也将无处不在,紧随其后的ajax ToolKit也相继出现DOJO、YahooUI...等非常强大的面向对象的JavaScript的工具箱,
对于你方便阅读Source,最好能够了解一下JavaScript下如何使用OO进行编程的, 这有很大的用处,以下偶提供的小例讲述了JS OO编程的简单应用
<html>
<head>
<title></title>
<script>
function ClassTest1(){
alert("Congratulation! this frist class build success!");
}
function aa(){
var a=new ClassTest1();
}
function ClassTest2(var1){
alert(var1);
}
var b=new ClassTest2("hello");
//构建一个class并构造一个name属性
function ClassTest3(name){
this.name = name;
}
/*ClassTest3的成员方法*/
ClassTest3.prototype.sayHello = function () {
alert("Hello " + this.name);
}
function newClassTest3(){
//实例化类class3
var class3 = new ClassTest3("class3name");
class3.sayHello();
//创建一个age属性并对其付值
class3.age = 1;
alert(class3.age);
/*创建一个address.home属性并对其付值(与许多
面对象的语言一样JS也可以像用‘.’一样来用‘[]’来引用来
属性,主要是为了避免带'.'的属性)*/
class3['address.home'] = "shijiazhuang";
alert(class3['address.home']);
}
</script>
<script language="javascript" type="text/javascript">
//我们可以通过for in循环来遍历对象的属性。
var testObj = {
prop1 : "hello",
prop2 : "hello2",
prop3 : new Array("hello",1,2)
}
for(x in testObj) alert( x + "-" + testObj[ x ] )
//-->
</script>
<SCRIPT LANGUAGE="javascript">
<!--
var Circle = { x : 0, y : 1, radius: 2 } // another example
for(p in Circle)
alert( p + "-" + Circle[ p ] )
</SCRIPT>
</head>
<body>
<input type="button" onclick="aa()"/>
<input type="button" onclick="newClassTest3()"/>
</body>
</html>
分享到:
相关推荐
帮助理解js 面向对象,以及canvas 的使用
本文件使用JavaScript已面向对象方式封装类来演示简单工厂模式的实现代码。以实例介绍了简单功能模式的用途,简单分析了实现的要件。mhtl文件里有实例代码的全部内容和分析简述。
自己手写一个tree实例,tree实现其实很简单,主要先弄清楚html如何显示tree,可以先查看html元素,会发现tree的每个节点都是...然后使用javascript操作dom,例子中有些使用javascript的面向对象,tree计算核心为递归。
-目的说明它是在第1,2阶段文档演示的JavaScript面向对象的书写方式的进一步改进,它是现代JavaScript面向对象编程方式(使用基本类来编码)的过渡代码--没有它就没有当今的JS OOP--此人非常牛!!! 4. 最后使用IE...
本文件属于文章《使用面向对象的方式封装js级联下拉菜单列表的实例教程》的完整代码,在读完原创文章之后可以下载查看代码。代码中cascadeMenu.js文件封装了级联菜单插件,可直接引入到html文件中使用。
javascript的特点 简单 动态 基于对象(面向对象) Javascript面向对象概述 Javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。他具有面向...
本文件属于文章《如何使用面向对象的方法实现原生js选项卡实例教程》的完整代码,在读完原创文章之后可以下载查看代码。代码中有详细的注释说明。html、css、js代码都在同一个文件中。也可以供有需要的朋友在开发中...
主要介绍了JS面向对象编程对象和构造函数,结合实例形式详细分析了JS面向对象编程对象和构造函数具体概念、原理、使用方法及操作注意事项,需要的朋友可以参考下
普通对象,另一种被称为方法对象,这和其它的面向对象语言有所不同,在文章中用实例代码对此进行了说明和探析,并且,把自 己在实际项目中使用的几种JavaScript对象编程方法在文章中进行了举例说明。
主要介绍了javascript面向对象快速入门实例,以一个简单实例分析了javascript面向对象的中对象的定义与使用技巧,需要的朋友可以参考下
本文实例讲述了JavaScript面向对象程序设计创建对象的方法。分享给大家供大家参考,具体如下: 面向对象的语言具有一个共同的标志,那就是具有“类”的概念,但是在javascript中没有类的概念,在js中将对象定义为...
主要介绍了javascript面向对象三大特征之多态,结合实例形式详细分析了javascript面向对象程序设计中多态的概念、原理,并结合实例形式总结了多态的实现方法与使用技巧,需要的朋友可以参考下
本文实例讲述了javascript面向对象三大特征之封装。分享给大家供大家参考,具体如下:封装封装(Encapsulation):就是把对象内部数据和操作细节进行隐藏。很多面向对象语言都支持封装特性,提供关键字如private来隐藏...
主要介绍了JS基于面向对象实现的选项卡效果,结合实例形式分析了javascript基于面向对象技术动态操作页面元素的流程与相关注意事项,需要的朋友可以参考下
本文实例讲述了Javascript面向对象程序设计工厂模式。分享给大家供大家参考,具体如下: 工厂模式和单例模式(https://www.jb51.net/article/184230.htm)应该是设计模式中应用最多的模式了,工厂模式的定义:提供...
本文实例讲述了js面向对象之静态方法和静态属性。分享给大家供大家参考。具体分析如下: 先看如下代码: 代码如下:[removed] function Bird(){ this.wing = 2; this.fly = function(){ alert(“我是鸟,...
本文实例讲述了JavaScript面向对象三个基本特征。分享给大家供大家参考,具体如下: 了解过面向对象的同学应该都知道,面向对象三个基本特征是:封装、继承、多态,但是对于这三个词具体可能不太了解。对于前端来讲...
本书内容精炼,示例简单明了,适合各层次面向对象开发人员阅读,也是高校相关专业面向对象课程的理想教学参考书。 第1章 面向对象概念介绍 1 1.1 过程式程序设计与OO程序设计 2 1.2 从过程式开发转向面向对象...
这是个面向对象设计的实例--ATM取款机,使用了一些列的类图、用例图、时序图和协作图来加以说明,并提供ppt演示文稿!希望能给各位参考之用!
本文实例为大家分享了JavaScript实现烟花特效的具体代码,供大家参考,具体内容如下 本特效使用面向对象编程 OOA 点击触发事件 烟花运动分成两个阶段 向上飞 爆炸 OOD class FireWork{ ...