当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 面向对象编程 万物皆对象

Javascript
用js实现终止浏览器对页面HTML的继续解析即停止解析 兼容firefox
Auntion-TableSort国人写的一个javascript表格排序的东西
javascript实现二分查找法实现代码
利用ASP发送和接收XML数据的处理方法与代码
兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版
javascript之文本框输入四个数字自动加空格的脚本
比较简单实用的使用正则三种版本的js去空格处理方法
比较简洁的JavaScript 实时显示时间的脚本 修正版
JavaScript检查表单是否为空的函数
window.open被浏览器拦截后的自定义提示效果代码
javascript跟随鼠标的文字带滚动效果
让插入到 innerHTML 中的 script 跑起来的代码
Flash+XML滚动新闻代码 无图片 附源码下载
javascript(js) join函数使用方法介绍
表格头固定而列可滚动的效果
document.designMode的功能与使用方法介绍
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题！
用javascript实现的电信铁通（网通）自动跳转源代码
用js查找法实现当前栏目的高亮显示的代码
javascript之鼠标拖动位置互换效果代码

No. « 86 87 88 89 »

技术文章搜索

关键字

Javascript 中的 javascript 面向对象编程 万物皆对象

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-10   浏览: 358 ::
收藏到网摘: n/a

javascript几乎成了如今web开发人员必学必会的一门语言，但很多人却只停在了一些表单验证等基础操作层面上，在面向对象语言大行其道的当下，我们需要去学习javascript的面向对象的知识，以便更好的掌握javascript、为深入理解各种脚本框架打好基础。 javascript和java、C#等语言一样也具有面向对象的一些特征，但细比较的时候，会发现这些特征并不是真正的面向对象，很多地方都是利用对象本身来模拟面向对象，所以认为javascript不能算是面向对象编程语言，而是基于对象的语言。
在javascript中真的是万物皆对象，new出来的东西是对象，方法是对象，连类也都是对象。下面分别来看一下对象、方法和类的对象特征。
1.拿内置的Date来看一下吧
复制代码 代码如下:

var time = new Date();
var timeString = time.getFullYear() + "-" +
time.getMonth() + "-" +
time.getDate() + " " +
time.getHours() + ":" +
time.getMinutes() + ":" +
time.getSeconds();
document.write(timeString);

通过 time来操作其所引用的Date对象，可以方便的调用Date的对象所包含的一系列getXX()方法来获取年月日时分秒等信息。
可以再看一下String
复制代码 代码如下:

var username = new String("hello world");
document.write(username.length);

变量username引用了new出来的字符串对象，通过username访问字符串对象的length属性。
2.方法也是对象
复制代码 代码如下:

function hello() {
alert("hello");
};
var helloRef = hello;
helloRef();

hello是一个方法，helloRef是一个引用了hello方法的变量，helloRef和hello一样都指向了相同的方法对象。也就意味着helloRef也可以执行，helloRef()。同理也可以写出以下代码。
复制代码 代码如下:

var helloRef = function() {
alert("hello");
};
helloRef();

function(){alert(“hello”)}是一个匿名方法，当然也是对象，用helloRef变量引用该方法对象后，可以通过helloRef来调用方法。
3.那么类呢？当然类也是对象，在javascript中，不像C#或java那样有class关键字用来创建类，而是直接使用方法的关键字来创建类或者叫模拟类。
复制代码 代码如下:

function Person(username, age) {
this.Name = username;
this.Age = age;
this.Introduce = function() {
alert("我叫" + this.Name + ",今年" + this.Age + "岁了。");
};
};
var person1 = new Person("张三", 20);
person1.Introduce();

以上创建了一个Person类型，Person带有构造参数username和age，通过创建的Person对象可以调用Person所包含的方法Introduce。下面对代码做一些修改。
复制代码 代码如下:

function Person(username, age) {
this.Name = username;
this.Age = age;
this.Introduce = function() {
alert("我叫" + this.Name + ",今年" + this.Age + "岁了。");
};
};
var PersonClass = Person;
var person1 = new PersonClass("张三", 20);
person1.Introduce();

重新声明新的变量PersonClass并引用Person类，PersonClass和Person都指向了原来的Person所引用的类，所以也可以用PersonClass来创建对象。
以上的几个例子可能不是很恰当，但也可以一窥javascript中万物皆对象。
下一节详细的谈一谈javascript中的对象。