JavaScript 对象

JavaScript中的所有事物都是对象：字符串，数值，数组，函数

此外，JavaScript允许自定义对象。

 

JavaScript对象

JavaScript提供多个内建对象，比如String，Date , Array等等。

对象只是带有属性和方法的特殊数据类型。

 

访问对象的属性

属性是与对象相关的值。

访问对象属性的语法是：

objectName.propertyName

这个例子使用了String对象的length属性来获得字符串的长度；

var message = "Hello    World";
var x = message.length;
console.log(x);

访问对象的方法

方法是能够在对象上执行的动作。

你可以通过以下语法来调用方法：

objectName.methodName();

这个例子使用了String对象的toUpperCase()方法来将文本转换成为大写：

var message = "Hello    World";
var y = message.toUpperCase();
console.log(y)

创建JavaScript对象

通过JavaScript，你能够定义并创建自己的对象。

创建对象有两种不同的方法：

1.定义并创建对象实例；

2.使用函数来定义对象，然后创建新的对象实例；

创建直接的实例

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

    person = new Object();
    person.firstname = "Bill";
    person.lastname = "Gates";
    person.age = 56;
    person.eyecolor = "blue";
document.write(person.firstname + " is " + person.age + " years old");

替换语法（使用对象literals）:

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

使用对象构造器：使用函数构造对象

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather = new person("Bill","Gates",56,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");

创建JavaScript对象实例

一般你有了对象构造器，就可以创建新的对象实例，就像上面。

把属性添加到JavaScript对象

你可以通过为对象赋值，向已有对象添加新属性：

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

person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

x=person.firstname;

在以上代码执行后，x 的值将是：

Bill

把方法添加到JavaScript对象

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

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

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;
    }
}
myMother = new person("momo","lili",67,"black");
myMother.changeName("LILI");
document.write(myMother.lastname);

JavaScript类

JavaScript是面向对象的语言，但是JavaScript不适用类。

在JavaScript中，不会创建类，也不会通过类构建对象。

JavaScript基于prototype,而不是基于类。

JavaScript for……in 循环

JavaScript for……in语句循环遍历对象的属性。

语法：

for（对象中的变量）{

要执行的代码

}

注释：for……in循环中的代码块将针对每个属性执行一次。

var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
  txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;