Javascript面向对象编程
博客专区 > 别寒 的博客 > 博客详情
Javascript面向对象编程
别寒 发表于4年前
Javascript面向对象编程
  • 发表于 4年前
  • 阅读 77
  • 收藏 2
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

 

面向对象三大特征:

 

之所以叫三大特征呢, 是为了兼容一下现在流行的说法,其实面向对象是四个特征,抽象、封装、继承、多态。抽象是面向对象的基础,更是软件开发的基础。不要忘了!

 

封装:

function User(name,age,sal){

this.name=name;// 公开属性

var age=age;// 私有属性

var salary=sal;// 私有属性

 

// 在类中定义公开方法(特权方法)

this.show=function(){

alert(this.name);

}

// 私有方法

function show2(){

alert(age);

}

}

var p=new User(hhb,21,5000);

alert(p.name);

 

继承:

function xueshen(name,age){

this.name=name;

this.age=age;

this.show=function(){

alert(this.name+" == "+this.age);

}

}

 

function xiaoxueshen(name,age){

this.xueshen=xueshen;// xueshen就是父类  可以通过alert(xueshen)打印来看看

this.xueshen(name,age);// js中实际上是通过对象冒充来实现继承的,因为js是动态语言,如果不执行,则不能实现继承效果js通过前面的方式可以实现多重继承

}

 

function daxueshen(name,age){

this.xueshen=xueshen;

this.xueshen(name,age);

}

 

var xxs = new xiaoxueshen("hhb","21");

xxs.show();

 

var dxs = new daxueshen("hehongbo","22");

dxs.show();

 

ja的重载和重写:

重载:函数名一样,但参数列表不一样。Js不支持重载(即不可以通过参数或类型来决定调用哪个函数),但是因为js本身支持可变参数,所以,可以看成天然支持重载

重写:子类可以重写编写函数覆盖父类的某个方法

function xueshen(name,age){

this.name=name;

this.age=age;

this.show=function(){

alert(this.name+" == "+this.age);

}

}

 

function xiaoxueshen(name,age){

this.xueshen=xueshen;// xueshen就是父类  可以通过alert(xueshen)打印来看看

this.xueshen(name,age);// js中实际上是通过对象冒充来实现继承的,因为js是动态语言,如果不执行,则不能实现继承效果

 

// xiaoxueshen可以覆盖stu父类的show(多态)

this.show=function(){

alert("xiaoxueshen show()");

}

 

}

 

var xxs = new xiaoxueshen("hhb","21");

xxs.show();// 调用的是子类的方法

 

多态:

Js实际上是无态的,是一种动态语言,一个变量的类型是在运行的工程中由js引擎来决定的,所以说,js天生就支持多态(无招胜有招,最强的多态)

 

function User(){

this.test1=function(){

alert("User test1");

}

}

function Cat(){

this.test1=function(){

alert("Cat test1");

}

}

 

var v = new User();

v.test1();

v = new Cat();

v.test1();

 

多态的案例,这是在网上荡下来的例子,写的很形象,我就厚着脸皮抄下来了哈  

// 主人

function Zhuren(){

this.show=function(Dongwu,Shiwu){

document.write("主人给:"+Dongwu.name+"喂:"+Shiwu.name);

}

}

 

// 动物

function Dongwu(name){

this.name=name;

}

 

function Cat(name){

this.dongwu=Dongwu;

this.dongwu(name);

}

 

function Dog(name){

this.dongwu=Dongwu;

this.dongwu(name);

}

 

// 食物

function Shiwu(name){

this.name=name;

}

function Yu(name){

this.shiwu=Shiwu;

this.shiwu(name);

}

 

function Gutou(name){

this.shiwu=Shiwu;

this.shiwu(name);

}

 

var cat = new Cat("");

var dog = new Dog("");

 

var yu = new Yu("");

var gutou = Gutou("骨头");

 

var zhuren = new Zhuren();

zhuren.show(cat,yu);

 

 

闭包:

function A(){

var i=0;

function b(){

alert(i++);

}

return b;

}

var c = A();// 此时内存中的i空间没有被gc处理;gc不会把i当作垃圾

c();

 

闭包和垃圾回收机制(GC)是相关联的

闭包实际上是涉及一个对象的成员属性,何时被GC处理的问题

怎样才能对对象的属性形成一个闭包(参考上面的案例)

 

 

 

OK!关于javascript面向对象编程的知识就分享到这啦。小伙伴们已经学会了如何使用面向对象的思想去编写javascript的代码了,去享受吧。

 

提醒一下小伙伴哈,因为博客是先用Word文档写的,其中的代码有很多开头的字母是大写的,虽然我已经极力避免和更正了,但是文中难免还是会有。要是小伙伴们粘贴的代码发现运行不了,那就需要小伙伴自己改正了,请放肆吐槽吧。嘿嘿@__@

 


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 28
博文 262
码字总数 132175
×
别寒
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: