手把手教你Javascript (8)-自定义对象

在第七节，我们看了JS里面的内置对象。

那么我们能不能自定义自己的对象呢？当然可以。

在这里我们定义一个car（车）的自定义属性，其实非常简单，还是用到了前面的函数和变量等内容（例子1）：

var car={

name:"car1", //车辆的名字属性

age:5, //车龄属性

run_distance:0, //总共行驶距离属性

move:function(from,to,distance){ //这是一个方法

console.log("Car从"+from +"到"+to+"开始行驶。。");

console.log("行驶距离："+distance)

this.run_distance+=distance //注意this这个关键字，表示是这个物体的属性，譬如这里 是run_distance.直接run_distance是不行的

},
getDistance:function() //输出总共输出距离{

console.log("总共行驶距离："+this.run_distance) //注意this这个关键字

}

}
car.move("北京","天津",500);car.getDistance()
car.move("天津","广州",3500);car.getDistance()

运行结果如下：

> Car从北京到天津开始行驶。。

> 行驶距离：500

> 总共行驶距离：500

> Car从天津到广州开始行驶。。

> 行驶距离：3500

> 总共行驶距离：4000

一般对象有2部分组成：

属性：譬如车辆的车龄、行驶距离、颜色等，通过this.属性名来设置和获取值方法：像行驶（车辆从一个地方开到另外一个地方），加油，通常方法会引起属性的改变

上面的例子我们就定义了一个简单的对象，它具有车辆的名称、车辆、总共行驶距离，还有方法-行驶和获取总行驶历程2个方法。

这个方法类似于一个字典定义，譬如name是什么啊，age是什么啊，move是什么啊，都以”属性名“+”:"+"属性内容”来定义。

JS提供了非常多的自定义对象的方法，我们来看一下另外一种（例子2）：

Circle=function(r){

this.radius=r
this.area=function(){

console.log("半径为"+this.radius+"的面积为：-------")

return Math.PI*this.radius*this.radius

}

}
circle1=new Circle(5) //定义一个circle半径为5的圆

console.log(circle1.area())
circle2=new Circle(20) //定义一个circle半径为20的圆

console.log(circle2.area())

上面我们定义了一个圆（Circle）的对象，并提供一个方法来可以获得圆的面积。

再定义一个矩形类（例子3）：

Rectangle=function(width,height)

{

this.width=width;
this.height=height;
this.area=function()

{

console.log("矩形现在宽："+this.width+" 高："+this.height);

return this.width*this.height;

}

this.addWidth=function(w_add){ //加大宽度 this.width=this.width+w_add }
this.addHeight=function(h_add){ this.height=this.height+h_add; }

}
rectangle1=new Rectangle(30,90);
console.log("矩形的面积：");

console.log(rectangle1.area())
rectangle1.addWidth(20)

console.log("矩形的面积：");

console.log(rectangle1.area())
rectangle1.addHeight(100)

console.log("矩形的面积：");

console.log(rectangle1.area())

今天关于对象的内容就到这里！