文档章节

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
博文 271
码字总数 137605
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

python:关于读取文件的指定行的问题

先来造一个文件:就叫做 test.txt吧,内容是下面这个样子: 表头1,数据12,数据23,数据34,数据45,数据56,数据67,数据7 那么我们并不打算把这个表头给读出来 怎么办呢? 先来打开文...

Oh_really
24分钟前
1
0
Rails 用现代 Rails 逃离单页面应用 “兔子洞”

在工作共总是觉得turbolinks非常爽,但是却总是被说成是过时的技术,大家都喜欢spa,哪怕不用的spa的人也是禁用掉的多,找不到很好的理由劝说别人使用,这篇文章说的很到位,或者说至少是牛人...

wmzsonic
29分钟前
0
0
Hive 分布式搭建,Spark集成Hive记录

本帖详细介绍搭建步骤,仅仅记录自己搭建过程以及采坑经历。 前提环境: Hadoop集群 版本2.7.2 Spark集群 版本2.1.0 Linux版本 Centos7 准备搭建 MySql版本5.5.61 ,Hive-2.1.0 去官网下载M...

我爱春天的毛毛雨
31分钟前
2
0
打包QML程序

1、windeployqt执行路径(D:\Qt\5.12.0\msvc2017_64\bin)加入到PATH中 2、使用Qt自带的命令行交互 Command 终端(Qt 5.12.0 64-bit for Desktop (MSVC 2017))切换到 Release 编译成功的exe...

渣渣曦
今天
4
0
优秀互联网高级测试工程师应该具备的能力

概述 在之前写的互联网高级测试工程师至少具备的能力一文中,提到了测试工程师至少具备的能力,但是并没有提到优秀测试工程师应该具备的能力,下文简单的谈一谈。当然这些全部都是我的个人理...

Sam哥哥聊技术
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部