第四章
JavaScript对象及初识面向对象
1.创建对象
1.自定义对象
基于Object对象的方式创建对象
var 对象名称=new Object( );
例:var flower=new Object();
flower.name="长春花";
flower.genera="夹竹桃科 长春花属";
flower.area="非洲、亚热带、热带以及中国大陆的华东、西南、中南等地";
flower.uses="观赏或用药等";
flower.showName=function(){ alert(this.name); }
flower.showName();
使用字面量赋值方式创建对象
例:var flower={
name:"长春花",
genera:"夹竹桃科 长春花属",
area:"非洲、亚热带、热带以及中国大陆的华东、西南、中南等地",
uses:"观赏或用药等",
showName:function(){ alert(this.name); }
}
flower.showName();
2.内置对象
①String(字符串)对象
length属性
indexOf( )方法、replace( )方法
②Date(日期)对象
get×××:获取年、月、日、时、分、秒等等
set×××:设置年、月、日、时、分、秒等等
③Array(数组)对象
length属性
sort( )、concat( )、join( )方法
④Boolean(逻辑)对象
true或者false
toString( )方法
⑤Math(算数)对象
round( )、max( )、min( )方法
⑥RegExp对象
RegExp是正则表达式的缩写
2.构造函数
1.创建构造函数
例:function Flower(name,genera,area,uses){
this.name=name;
……
this.showName=function(){
alert(this.name);
}
}
var flower1=new Flower("长春花","夹竹桃科 长春花属","非洲、亚热带、热带以及中国大陆的华东、西南、中南等地","观赏或用药等")
flower1.showName();
注:构造函数始终都应该以一个大写字母开头
调用构函数的4个步骤:
①创建一个新对象
②将构造函数的作用域赋给新对象(this就指向了这个新对象)
③执行构造函数中的代码
④返回新对象
2.constructor属性
constructor属性指向Flower
例:alert(flower1.constructor==Flower);
3.instanceof操作符
使用instanceof操作符检测对象类型
例:alert(flower1 instanceof Object);
alert(flower1 instanceof Flower);
4.原型对象
每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象;
prototype就是通过调用构造函数而创建的那个对象实例的原型对象
例:function Flower(){
}
Flower.prototype.name="曼陀罗花";
Flower.prototype.genera="茄科 曼陀罗属";
Flower.prototype.area="印度、中国北部";
Flower.prototype.uses="观赏或药用";
Flower.prototype.showName=function() {
alert(this.name);
}
var flower1=new Flower();
flower1.showName();
var flower2=new Flower();
flower2.showName();
alert(flower1.showName==flower2.showName);
例:function Flower(){
}
Flower.prototype.name="曼陀罗花";
Flower.prototype.genera="茄科 曼陀罗属";
Flower.prototype.area="印度、中国北部";
Flower.prototype.uses="观赏或药用";
Flower.prototype.showName=function() {
alert(this.name);
}
var flower1=new Flower();
var flower2=new Flower();
flower1.name="长春花";
alert(flower1.name);
alert(flower2.name);
3.继承
1.原型链
一个原型对象是另一个原型对象的实例;
相关的原型对象层层递进,就构成了实例与原型的链条,就是原型链
例:function Humans(){
this.foot=2;
}
Humans.prototype.getFoot=function(){
return this.foot;
}
function Man(){
this.head=1;
}
Man.prototype=new Humans(); //继承了Humans
Man.prototype.getHead=function(){
return this.head;
}
var man1=new Man();
alert(man1.getFoot()); //2
alert(man1 instanceof Object); //true
alert(man1 instanceof Humans); //true
alert(man1 instanceof Man); //true
调用man1.getFoot( ) 经历的三个步骤:
搜索实例;
搜索Man.prototype;
搜索Humans.prototype
2.对象继承
例: function Humans(){
this.clothing=["trousers","dress","jacket"];
}
function Man(){
} //继承了Humans
Man.prototype=new Humans();
var man1=new Man();
man1.clothing.push("coat");
alert(man1.clothing);
var man2=new Man();
alert(man2.clothing);
3.借用构造函数
apply([thisOjb[,argArray]])
应用某一对象的一个方法,用另一个对象替换当前对象
call([thisObj[,arg1[,arg2[, [,argN]]]]])
调用一个对象的一个方法,以另一个对象替换当前对象
借用构造函数的一个大的优势
可以在子类型构造函数中向父类型构造函数传递参数
例: function Humans(name){
this.name=name;
}
function Man(){
Humans.call(this,"mary"); //继承了Humans,同时还传递了参数
this.age=38; //实例属性
}
var man1=new Man();
alert(man1.name); //输出mary
alert(man1.age); //输出38
4.组合继承
组合继承:有时也叫做伪经典继承
将原型链和借用构造函数的技术组合到一块,发挥二者之长的一种继承模式;
使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承