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

Javascript
JavaScript 复制功能代码 兼容多浏览器
图片与文字半透明效果 鼠标移上不透明
javascript 模拟Marquee文字向左均匀滚动代码
纯CSS 链接悬停提示效果代码
JS、CSS文字切换，定时交替，代码精简
Javascript 仿歌词智能滚动代码
javascript 表单中浏览文件的“浏览”按钮修改
让你的网站可编辑的实现js代码
Javascript var变量隐式声明方法
JS CSS制作饱含热情的镶边文字闪烁特效
Js 实现文字爬楼滚动效果 结合文本框
随日期每天自动变换的文本的js特效
一个链接按两种方式打开两个网址的方法
Js文字背景行如流水特效
让链接必须按先后顺序点击的JS代码
单选按钮决定链接的网址
JavaScript 点击插入文字
获取网站跟路径的javascript代码(站点及虚拟目录)
JS 用6N±1法求素数 实例教程
javascript 添加和移除函数的通用方法

No. « 263 264 265 266 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-10   浏览: 113 ::
收藏到网摘: 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中的对象。