文档章节

Javascript面向对象编程

别寒
 别寒
发布于 2014/06/04 11:51
字数 917
阅读 77
收藏 2

 

面向对象三大特征:

 

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

 

封装:

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文档写的,其中的代码有很多开头的字母是大写的,虽然我已经极力避免和更正了,但是文中难免还是会有。要是小伙伴们粘贴的代码发现运行不了,那就需要小伙伴自己改正了,请放肆吐槽吧。嘿嘿@__@

 


© 著作权归作者所有

共有 人打赏支持
上一篇: 6月4日博客
别寒
粉丝 29
博文 271
码字总数 137605
作品 0
永州
程序员
私信 提问
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
js面向对象的一些初级知识总结~~

javascript作为一门解释性脚本语言,有着其独特的魅力.既具有函数编程的特性,又具有面向对象的特征.以前的开发中,大多是使用了javascript的函数式编程,最近,发现其的面向对象也有一定的优势,...

乔康007
2013/02/24
0
0
细说JavaScript数据类型及转换

细说JavaScript数据类型及转换 JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed...

开元中国2015
2015/07/13
0
0
再谈 javascript 面向对象编程

前言:虽有陈皓《Javascript 面向对象编程》珠玉在前,但是我还是忍不住再画蛇添足的补上一篇文章,主要是因为javascript这门语言魅力。另外这篇文章是一篇入门文章,我也是才开始学习Javascr...

aoniao
2012/02/28
4.4K
22
为什么我不推荐 JavsScript 为首选编程语言

对于软件职业生涯,JavsScript不应该是首选 几天前,我写了一篇《what programming language you should learn first for a career in programming》的文章,引来了很多的争论(Google+ 上有...

腊八粥
2014/01/11
4.9K
25

没有更多内容

加载失败,请刷新页面

加载更多

开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
9
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
6
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
4
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0
RabbitMQ学习(2)

1. 生产者客户端 void basicPublish(String exchange, String routingKey, boolean mandatory, boolean immediate, BasicProperties props, byte[] body) 1. 在生产者客户端发送消息时,首先......

江左煤郎
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部