javascript 学习笔记（八）javascript对象javascript

昨天看了些有关javascript对象方面的文章,以下是自己的一些学习心得及体会,希望同大家共同讨论!

1、javascript中的内置对象

javascript中除了本身的内置对象,如以下我们所熟悉的对象:

array

date

math

string

regexp

……

各个对象都有自己的属性及方法,比如我们经常使用属性及方法

属性:stringobject.length; arrayobject.length;……

方法:stringobject.indexof(); stringobject.splite(); stringobject.substr(); arrayobject.concat(); arrayobject.push(); arrayobject.join();……

2、如何自定义对象,及添加属性和方法

a. 通过关键字new创建

var newobject = new object();//创建一个新类

newobject.name = "new object"; //添加一个name的属性

newobject.say = function() {//添加say()方法

alert(this.name);//output new object

}

对于以上的创建方法,我们可以利用json(javascript object notation)的方法简写为如下代码:

var newobject = {

name: "new object";

say: function () {

alert(this.name);

}

};

我们利用json的数据格式创建一个更为复杂的对象

var company = {

name: "tuanzz",

product: "groupon",

address: {province: "hubei", city: "wuhan"},

person:[

{name: "zhangchen",age: "23"},

{name: "luomi", age: "23"},

],

readme: function() {

alert("my name is "+this.person[0].name+" and "+this.person[0].age+" years old");

}

};

company.readme(); //output my name is zhangchen and 23 years old;

我们可以看到,用json的数据格式创建的对象,代码不仅看起来十分优雅。

json的形式就是用大括“{}”号包括起来的项目列表,每一个项目间并用逗号“,”分隔,而项目就是用冒号“:”分隔的属性名和属性值。这是典型的字典表示形式,也再次表明了 javascript里的对象就是字典结构。不管多么复杂的对象,都可以被一句json代码来创建并赋值。

b、通过构造函数来创建对象

function objectfun(name) {

this.name = name;

this.say = function() {

alert(this.name);

}

}

var newobject = new objectfun("zhangchen");

newobject.say(); //output zhangchen

首先新建一个objectfun()函数,其中定义了属性和方法,这里我们可以把objectfun看作一个类(在javascript中函数就是对象),然后通过new实例化出一个对象,newobject对象中同样也有了父类中属性和方法。

我们可以用以下代码来检测函数确实是对象:

//普通函数

function say(s) {

alert(s);

}

say("hi");

//给函数对象赋属性,函数就是对象

say.test = "it can work?";

alert(say.test); //output it can work?

如何理解以上创建对象的方法?我们看下面的代码:

function objectfun(name) {

this.name = name;

this.say = function() {

alert(this.name);

}

}

var newobject = new object(); //创建一个空对象

objectfun.call(newobject, "zhangchen"); //将newobject作为this参数调用objectfun函数

newobject.say("zhangchen");//output zhangchen

首先创建一个newobject对象,newobject作为this参数调用objectfun函数。讲了这么多,我们完全可以把objectfun作为构造函数来使用。

-------------------------------------------------------------------------------------------------------------------------------------------------

余下内容大家可参考李战写的悟透javascript

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/