文档章节

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

 


© 著作权归作者所有

共有 人打赏支持
别寒
粉丝 30
博文 270
码字总数 136713
作品 0
永州
程序员
js面向对象的一些初级知识总结~~

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

乔康007
2013/02/24
0
0
JavaScript入门(六)

对象 对象是我们使用JavaScript的核心。JavaScript中的对象在许多方面和编程外的现实世界中的对象是相似的(它并不存在,我只是做个设想)。在现实的世界中,一个对象就是一个“事物”(许多...

晨曦之光
2012/03/09
0
0
细说JavaScript数据类型及转换

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

开元中国2015
2015/07/13
0
0
关于Python的类成员和Javascript的原型

偶然发现两个的设计思路是一致的(个人理解,欢迎指正)。这里简要分析一下: Python的类成员,也就是直接定义在类里的变量(实例成员是用self.x直接声明的),而类方法就是用@classmethod说...

Shawphy
2011/08/30
0
2
面向对象,更适合JavaScript

面向对象程序设计是软件开发中一个很庞大很复杂的话题,它并不是仅仅学会类、继承、封装、多态这些面向对象编程语法元素就表示掌握的,这些语法元素只是实现面向对象程序的工具, 就像砖块、...

陈宏鸿
05/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

(一)软件测试专题——之Linux常用命令篇01

本文永久更新地址:https://my.oschina.net/bysu/blog/1931063 【若要到岸,请摇船:开源中国 不最醉不龟归】 Linux的历史之类的很多书籍都习惯把它的今生来世,祖宗十八代都扒出来,美其名曰...

不最醉不龟归
24分钟前
6
0
蚂蚁金服Java开发三面

8月20号晚上8点进行了蚂蚁金服Java开发岗的第三面,下面开始: 自我介绍(要求从实践过程以及技术背景角度着重介绍) 实习经历,说说你在公司实习所做的事情,学到了什么 关于你们的交易平台...

edwardGe
31分钟前
7
0
TypeScript基础入门 - 函数 - this(三)

转载 TypeScript基础入门 - 函数 - this(三) 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.4 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
41分钟前
0
0
Spark core基础

Spark RDD的五大特性 RDD是由一系列的Partition组成的,如果Spark计算的数据是在HDFS上那么partition个数是与block数一致(大多数情况) RDD是有一系列的依赖关系,有利于Spark计算的容错 RDD中每...

张泽立
48分钟前
0
0
如何搭建Keepalived+Nginx+Tomcat高可用负载均衡架构

一.概述 初期的互联网企业由于业务量较小,所以一般单机部署,实现单点访问即可满足业务的需求,这也是最简单的部署方式,但是随着业务的不断扩大,系统的访问量逐渐的上升,单机部署的模式已...

Java大蜗牛
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部