美文网首页
JavaScript 对象

JavaScript 对象

作者: 夏有清风丶 | 来源:发表于2016-10-27 18:55 被阅读0次

一.JS对象


1.定义

JavaScript中所有的事物都是对象。

除了JavaScript所提供的一些内建对象(String,Date,Array...)外,我们还可以自定义对象.


2.方法与属性

通过点语法可以访问和获取对象的属性,对独享的属性进行操作,还可以通过相同的方式调用对象的方法( objectName.methodName() )


3.创建JS对象

1)定义并创建对象的实例

创建直接的实例

这个例子创建了对象的一个新实例,并向其添加了四个属性:

实例

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

替代语法(使用对象 literals):

实例

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};


2)使用函数定义对象,然后创建新的对象实例

使用对象构造器

本例使用函数来构造对象:

实例

function person(firstname,lastname,age,eyecolor)

{

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

}

创建 JavaScript 对象实例

一旦您有了对象构造器,就可以创建新的对象实例,就像这样:

var myFather=new person("Bill","Gates",56,"blue");

var myMother=new person("Steve","Jobs",48,"green");


3)添加属性到JS对象

把属性添加到 JavaScript 对象

您可以通过为对象赋值,向已有对象添加新属性:

假设 personObj 已存在 - 您可以为其添加这些新属性:firstname、lastname、age 以及 eyecolor:

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

x=person.firstname;

在以上代码执行后,x 的值将是:

Bill


4)添加方法到JS对象

方法只不过是附加在对象上的函数。

在构造器函数内部定义对象的方法:

function person(firstname,lastname,age,eyecolor)

{

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

this.changeName=changeName;

function changeName(name)

{

this.lastname=name;

}

}

changeName() 函数 name 的值赋给 person 的 lastname 属性。

现在您可以试一下:

myMother.changeName("Ballmer");



相关文章

网友评论

      本文标题:JavaScript 对象

      本文链接:https://www.haomeiwen.com/subject/oojfuttx.html