Javascript之封装

一、一个简单的封装

我们按照编程的习惯一般将代表类的变量名词首字母大写，然后在这个函数（类）的内部通过this（函数内部自带的一个变量，用于指向当前这个对象）变量添加属性或者方法实现对类添加属性或者方法。

var Car=function(id,carname,price){

this.id=id;

this.carname=carname;

this.price=price;

}

我们也可以通过在类的原型添加属性和方法有两种方式。

一种是一一为原型对象赋值，另一种是将一个对象赋值给类的原型对象。

第一种：Car.prototype.display=function(){

//展示车

};

第二种：Car.prototype={

       display:function(){}

};

以上两种方法不能混用。

这样我们需要的方法和属性就封装在我们抽象的Car中，然后我们需要通过new关键字来实例化新的对象。

var car=new Car(01,‘大众’,100000);

console.log(car.carname)  //大众

二、通过this添加的属性和方法与prototype中添加的属性和方法有什么区别?

上面我们可以看出 this可以给类添加属性和方法,同样prototype也可以添加属性和方法。他们的区别是 通过this添加的属性和方法是在当前对象上添加的而prototype继承的方法并不是对象自身的,所以使用这些方法时,需要通过prototype一级一级的查找得到这样你会发现通过this定义的属性或者方法是该对象自身拥有的,所以每次通过类创建一个新对象时,this指向的属性和方法都会得到相应的创建,而通过prototype继承的属性或者方法是每个对象通过prototype访问到,所以每次传建一个新对象时这些属性和方法不会再次创建。

三、constructor指的是什么

constructor是一个属性,当创建一个函数或者对象时都会为其创建一个原型对象,在prototype对象中又会像创建this一样创建一个constructor属性,那么constructor属性指向的是拥有整个原型对象的函数或对象 。