我们怎么去模拟重载,在javasceipr中我们可以通过参数的类型区别或者数量的区别,来去让同样一个函数名字,可以根据不同的参数列表的情况来去调用相应的函数。

javascript中函数类型是不确定的,并且参数的个数也是可以任意的,那么我们可以通过判断实际传入的参数的个数,来去做一个模拟的重载,

###OOP(模拟重载、链式调用、模块化)

模拟重载

function person() {
var args = arguments;
if (typeof args[0] === 'object' && args[0]) {
if (args[0].name) {
this.name = args[0].name;
}
if (args[0].age) {
this.age = args[0].age;
}
} else {
if (args[0]) {
this.name = args[0];
}
if (args[1]) {
this.age = args[1];
}
}
};
person.prototype.toString = function() {
return "姓名:" + this.name + "年龄:" + this.age
} var peng = new person({
name: "继小鹏",
age: 23
});
console.log(peng.toString()); //姓名:继小鹏年龄:23 var peng1 = new person("是你", 23);
console.log(peng1.toString()); //姓名:是你年龄:23

调用子类方法

例子1

if (!Object.create) {
Object.create = function(proto) {
function F() {};
F.prototype = proto;
return new F();
};
} function person(name) {//基类
this.name=name;
}
person.prototype.init=function(){
console.log("你好"+this.name)
} function student(name,classname){ //学生类
this.classname=classname;
person.call(this,name);
} student.prototype = Object.create(person.prototype);
student.prototype.constructor = student; student.prototype.init=function(){
console.log("你好s"+this.name)
} var peng=new student("继小鹏","class2");
console.log(peng);
peng.init();

例子2子类调用基类方法

function person(name) {//基类
this.name=name;
} function student(name,classname){ //学生类
this.classname=classname;
person.call(this,name);
} person.prototype.init=function(){
console.log(this.name)
} student.prototype.init=function(){
person.prototype.init.apply(this,arguments);
} var peng=new student("继小鹏","class2");
console.log(peng);
peng.init();

链式调用

function classman() {}
classman.prototype.addClass = function(str) {
console.log('calss' + str + 'added');
return this;
}
var mang = new classman();
mang.addClass('classA').addClass('classB').addClass('classC') // calssclassAadded
// calssclassBadded
// calssclassCadded

使用jq的时候$(“#id”).addClass(‘df’) 选择器做些操作后在继续addClass(‘df’)还可以再做动作一层层链式去调用。

例子解释

function classman() {}   //现定义一个构造器classman
classman.prototype.addClass = function(str) { //给classman构造器prototype添加addClass属性方法
console.log('calss' + str + 'added'); //输出表示添加一个class
return this; //return this表示返回classman的实例因为返回了实例那么紧接着后面不需要加mang.addClass('classA')直接后面加.addClass('classB').addClass('classB')就可以,每次执行完都会返回实例
}
var mang = new classman();
mang.addClass('classA').addClass('classB').addClass('classC') // calssclassAadded
// calssclassBadded
// calssclassCadded

抽象类

function Detectorlse() {
throw new Error("Abstract class can not be invoked directly!");
}
Detectorlse.detect = function() {
console.log('Detcetion starting...');
}
Detectorlse.stop = function() {
console.log('Detector stopped');
}
Detectorlse.init = function() {
throw new Error("Error");
} function linkDetector() {};
linkDetector.prototype = Object.create(Detectorlse.prototype)
linkDetector.prototype.constructor = linkDetector; //...add methods to LinkDetector...

defineProperty(ES5)

function Person(name) {
Object.defineProperty(this, 'name', {
value: name,
enumerable: true
});
};
Object.defineProperty(Person, 'arms_num', {
value: 2,
enumerable: true
});
Object.seal(Person.prototype);
Object.seal(Person); function student(name, classname) {
this.classname = classname;
Person.call(this, name);
};
student.prototype = Object.create(Person.prototype);
student.prototype.constructor = student; var peng = new Person('继小鹏');
console.log(peng); var han = new student("汗", "class2");
console.log(han);

模块化

定义简单模块化

var moduleA;
moduleA=function(){
var prop=1;
function func(){};
return {
func:func,
prop:prop
}
}();

定义简单模块化2

var moduleA;
moduleA = new function() {
var prop = 1; function func() {};
this.func = func;
this.prop = prop;
}(); http://www.huanghanlian.com/javascript/2016/12/20/javascript_jinjie9.html http://www.huanghanlian.com/javascript/2016/12/20/javascript_jinjie8.html(上卷)

OOP面向对象编程(下)的更多相关文章

  1. Java实现OOP(面向对象编程)

    一.对象的综述 面向对象编程(OOP)具有多方面的吸引力.对管理人员,它实现了更快和更廉价的开发与维护过程.对分析与设计人员,建模处理变得更加简单,能生成清晰.易于维护的设计方案.对程序员,对象模型显 ...

  2. 用C实现OOP面向对象编程(1)

    如摘要所说,C语言不支持OOP(面向对象的编程).并这不意味着我们就不能对C进行面向对象的开发,只是过程要复杂许多.原来以C++的许多工作,在C语言中需我们手动去完成. 博主将与大家一起研究一下如下用 ...

  3. Go语言基础之接口(面向对象编程下)

    1 接口 1.1 接口介绍 接口(interface)是Go语言中核心部分,Go语言提供面向接口编程,那么接口是什么? 现实生活中,有许多接口的例子,比如说电子设备上的充电接口,这个充电接口能干什么, ...

  4. 一百零六、SAP的OOP面向对象编程,OO-ALV的简介

    面向对象编程,如图 基本概念: 1.对象(Object)是一个现实实体的抽象.一个对象可被认为是一个把数据(属性)和程序(方法)封装在一起的实体,这个程序产生该对象的动作或对它接受到的外界信号的反应. ...

  5. Swift -POP( 面向协议编程)与OOP(面向对象编程)

    面向协议编程(Protocol Oriented Programming,简称POP),是Swift的一种编程范式,Apple于2015年WWDC提出的,如果大家看Swift的标准库,就会看到大量PO ...

  6. (转)OOP(面向对象编程)的几大原则

    文章转载自:http://blog.csdn.net/anders_zhuo/article/details/8949566 设计模式遵循的一般原则: 1.开-闭原则(Open-Closed Prin ...

  7. python面向对象编程(下)

    本篇详细介绍了Python 中类的成员.成员修饰符.类的特殊成员以及两个综合运用实例. 环境为:python3.5.1 类的成员 类的成员包括三大类:字段.方法和property属性 注:关于这三类成 ...

  8. OOP(面向对象编程)的一些特性

    接口:接口是把公共实例(非静态)方法和属性结合起来,以封装特定功能的一个集合.一旦定义了接口,就可以在类中实现它.接口注意事项:接口不能单独存在.不能像实例化一个类那样实例化接口.另外,接口不能包含实 ...

  9. 重学C++ (十一) OOP面向对象编程(2)

    转换与继承 本节主要须要区分的是: 基类和派生类的转换: 引用(指针)的转换和对象的转换. 1.每一个派生类对象包括一个基类部分.因此.能够像使用基类对象一样在派生类对象上执行操作. 基于这一点,能够 ...

随机推荐

  1. 学习笔记:The Log(我所读过的最好的一篇分布式技术文章)

    前言 这是一篇学习笔记. 学习的材料来自Jay Kreps的一篇讲Log的博文. 原文非常长.可是我坚持看完了,收获颇多,也深深为Jay哥的技术能力.架构能力和对于分布式系统的理解之深刻所折服.同一时 ...

  2. Linux下用gSOAP开发Web Service服务端和客户端程序

    网上本有一篇流传甚广的C版本的,我参考来实现,发现有不少问题,现在根据自己的开发经验将其修改,使用无误:另外,补充同样功能的C++版本,我想这个应该更有用,因为能用C++,当然好过受限于C. 1.gS ...

  3. 删除SQL架构的用户

    ALTER AUTHORIZATION ON SCHEMA::db_owner TO db_owner

  4. Elasticsearch学习笔记——常用命令

    1.创建一个名字为index的topic curl -XPUT http://localhost:9200/index 2.创建一个mapping curl -XPOST http://localho ...

  5. 0710 mux协议的作用(ppp拨号时如何和gprs进行at指令交互)

    ppp拨号使gprs上网的同时如何和gprs模块进行at指令的交互,这是一个问题. 在linux中,ppp拨号上网是内核中支持的,只需要在内核配置中选上. ppp拨号的方式使gprs进行上网与at指令 ...

  6. iOS - 提示用户升级版本并跳转到AppStore

    一.问题:自己做提示用户升级? 由于苹果做了自动升级,所有只要在应用程序中出现从AppStore检查版本更新,或者出现任何有关升级的提醒都会被拒,但是如果必须添加升级提示的话,可以配合后台通过添加AP ...

  7. dir 命令手册

    dir 命令手册 参数 /A D 目录 R 只读文件 H 隐藏文件 A 准备存档的文件 S 系统文件 - 表示"否"的前缀 /B 使用空格式(没有标题信息或摘要) /C 在文件大小 ...

  8. 一种隐蔽性较高的Java ConcurrentModificationException异常场景

    前言 在使用Iterator遍历容器类的过程中,如果对容器的内容进行增加和删除,就会出现ConcurrentModificationException异常.该异常的分析和解决方案详见博文<Jav ...

  9. HttpSession的认识

    package javax.servlet.http; import java.util.Enumeration; import javax.servlet.ServletContext; publi ...

  10. R 544

    F2: 什么dfs根本不会啊,只会瞎贪心... 我们考虑先连哪些边,对于u,v两个点,如果u,v所在的联通块都与1相连的话,那我们肯定先不连这种边吧. 因为太亏了啊... 总而言之我们要在不影响答案的 ...