手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript面向对象编程
JavaScript面向对象编程
摘要://类的定义//方法一:类的一般定义方法functionplayer1(_name){this.name=_name;this.say=fu...

//类的定义

//方法一:类的一般定义方法

functionplayer1(_name)

{

this.name=_name;

this.say=function(){alert(this.name);};

}

varp1=newplayer1('llinzzi1');

p1.say();

//方法二:prototype定义方法

varplayer2=function(){}

player2.prototype={

name:'',

say:function(){

alert(this.name);

}

}

varp2=newplayer2();

p2.name='llinzzi2';

p2.say();

//方法三:上面的方法结构美观,便捷,但构建函数不能带参数,修改方法

varplayer3=function(){

this.init.apply(this,arguments);

}

player3.prototype={

init:function(_name){

this.name=_name;

},

say:function(){

alert(this.name);

}

}

varp3=newplayer3('llinzzi3');

p3.say();

//类的继承

//方法一

varplayer4=function(){

this.init.apply(this,arguments);

}

player4.prototype=newplayer3;

player4.prototype.shout=function(){

alert(this.name.toUpperCase());

}

varp4=newplayer4('llinzzi4');

p4.shout();

//方法二上面的方法不能采用{}的方法,修改方法

Object.extend=function(destination,source){

for(varpropertyinsource)

destination[property]=source[property];

returndestination;

};

varplayer5=function(){

this.init.apply(this,arguments);

}

Object.extend(Object.extend(player5.prototype,player3.prototype),{

shout:function(){

alert(this.name.toUpperCase());

}

});

varp5=newplayer5('llinzzi5');

p5.shout();

//再从prototype.js抄一端浏览器判断代码

Browser={

IE:!!(window.attachEvent&&!window.opera),

Opera:!!window.opera,

WebKit:navigator.userAgent.indexOf('AppleWebKit/')>-1,

Gecko:navigator.userAgent.indexOf('Gecko')>-1&&navigator.userAgent.indexOf('KHTML')==-1,

MobileSafari:!!navigator.userAgent.match(/Apple.*Mobile.*Safari/)

}

alert(Browser.MobileSafari);

【JavaScript面向对象编程】相关文章:

深入理解JavaScript系列(17):面向对象编程之概论详细介绍

深入理解JavaScript系列(18):面向对象编程之ECMAScript实现

面向对象的编程思想在javascript中的运用上部

Javascript简单实现面向对象编程继承实例代码

Javascript面向对象编程(二) 构造函数的继承

Javascript 面向对象编程(coolshell)

javascript 面向对象编程基础 多态

Javascript 面向对象编程(一) 封装

javascript 面向对象编程 function也是类

每天一篇javascript学习小结(面向对象编程)

精品推荐
分类导航