首先,在当前版本的Javascript中并不支持类,也就是说没有类。(据说在Javascript2.0将会引入正真的类)
然后,面向对象编程给我们带来那么多好处,如何将Javascript也实现面向对象编程呢?在本次陈小鑫的归纳总结中,将会详细讲解。
Javascript的类
Javascript并不像Java等面向对象语言那样支持正真的类,但是,在Javascript中可以使用构造函数和原型对象来模拟类,即伪类。
在js中,function来定义一个构造函数,使用new来实例化一个伪类来创建对象。
new运算符
Javascript中的对象创建离不开new运算符,使用new的时候,不仅创建了一个空对象,它还设置了这个对象的原型既prototype属性。
构造函数
构造函数是用来初始化一个新创建的对象,设置在使用对象前需要设置的所有属性。使用this关键字来对对象的属性进行声明与赋值,this实际上就是指向了这个对象。见下面一段代码:
对象方法
这里有必要说下类中的方法(函数)。在javascript中,方法即作为对象的一个属性来调用的函数。(在面向对象编程语言中如java中,只有方法,没有函数这种说法。)对象的方法被调用时,调用该方法的对象就变成了this的值。
关于this:当一个函数被作为函数调用的时候,this的值为window;当函数被作为对象的方法来调用时,this值即为该对象。
因此,在这里注意,在对象中添加一个方法,实际上是添加一个属性,因此要这样添加,如下代码:
原型与继承
在上面的例子中,每次调用一个构造函数来创建一个新的对Person对象,就会在对象中重新声明定义一次alertId方法,每个Person对象的alertId方法都完全一样,这是种效率低下的做法。
这里使用种更好的方案,使用Javascript原型对象来实现每个新的Person对象都从Person构造函数那里继承alertId方法。如此每个Javascript的原型对象就是Person构造函数中的prototype属性。在下一小节中讲prototype。
细说prototype原型对象
一个对象的原型是它的构造函数的prototype属性的值。所有函数都有一个prototype属性,当一个函数被定义的时候,prototype属性会被自动创建和初始化。prototype属性的初始值是一个对象,而这个对象只带一个属性,而这个属性名为constructor,即构造函数。在prototype对象中,还可以为其添加其他的属性。给这个原型对象添加的任何属性,都会成为被构造函数所初始化的对象的属性。
new一个构造函数 --> 创建空对象 --> 设置对象的原型prototype --> prototype的属性自动创建并初始化 --> 初始化空对象的属性
然后,面向对象编程给我们带来那么多好处,如何将Javascript也实现面向对象编程呢?在本次陈小鑫的归纳总结中,将会详细讲解。
Javascript的类
Javascript并不像Java等面向对象语言那样支持正真的类,但是,在Javascript中可以使用构造函数和原型对象来模拟类,即伪类。
在js中,function来定义一个构造函数,使用new来实例化一个伪类来创建对象。
new运算符
Javascript中的对象创建离不开new运算符,使用new的时候,不仅创建了一个空对象,它还设置了这个对象的原型既prototype属性。
构造函数
构造函数是用来初始化一个新创建的对象,设置在使用对象前需要设置的所有属性。使用this关键字来对对象的属性进行声明与赋值,this实际上就是指向了这个对象。见下面一段代码:
function Person(id){
this.id = id;
}
var p1 = new Persion(1);
对象方法
这里有必要说下类中的方法(函数)。在javascript中,方法即作为对象的一个属性来调用的函数。(在面向对象编程语言中如java中,只有方法,没有函数这种说法。)对象的方法被调用时,调用该方法的对象就变成了this的值。
关于this:当一个函数被作为函数调用的时候,this的值为window;当函数被作为对象的方法来调用时,this值即为该对象。
因此,在这里注意,在对象中添加一个方法,实际上是添加一个属性,因此要这样添加,如下代码:
当然也可以用下面的方法来给对象添加方法:function Person(id){
this.id = id;
this.alertId = function(tid){
alert(this.id);
}
}
var p1 = new Person(1);
p1.alertId();
function Person(id){
this.id = id;
}
var p1 = new Person(1);
p1.alertId = function(){
alert(this.id);
}
p1.alertId();
原型与继承
在上面的例子中,每次调用一个构造函数来创建一个新的对Person对象,就会在对象中重新声明定义一次alertId方法,每个Person对象的alertId方法都完全一样,这是种效率低下的做法。
这里使用种更好的方案,使用Javascript原型对象来实现每个新的Person对象都从Person构造函数那里继承alertId方法。如此每个Javascript的原型对象就是Person构造函数中的prototype属性。在下一小节中讲prototype。
function Person(id){
this.id = id;
}
Person.prototype.alertId = function(){alert(this.id)}
var p1 = new Person(1);
p1.alertId();
细说prototype原型对象
一个对象的原型是它的构造函数的prototype属性的值。所有函数都有一个prototype属性,当一个函数被定义的时候,prototype属性会被自动创建和初始化。prototype属性的初始值是一个对象,而这个对象只带一个属性,而这个属性名为constructor,即构造函数。在prototype对象中,还可以为其添加其他的属性。给这个原型对象添加的任何属性,都会成为被构造函数所初始化的对象的属性。
new一个构造函数 --> 创建空对象 --> 设置对象的原型prototype --> prototype的属性自动创建并初始化 --> 初始化空对象的属性