js 实现面向对象

  • 时间:2018-06-17 21:02 作者:学习编程 来源:学习编程 阅读:152
  • 扫一扫,手机访问
摘要:js是一个,嗯...能说半面向对象的语言吧,没有直接的支持,但能实现先来一个简单点的function Person(name){this.name = name;this.getName = function(){return this.name;};}这样就实现定义一个Person类,能直接new

js是一个,嗯...能说半面向对象的语言吧,没有直接的支持,但能实现

先来一个简单点的

function Person(name){

this.name = name;

this.getName = function(){

return this.name;

};

}

这样就实现定义一个Person类,能直接new:

var p = new Person('lls'); // 创立对象

p.getName(); // 调使用对象的方法

但是这样写,有一个问题,那就是每次创立对象,都会分配内存保存其中所有的属性,包括方法, 其中的变量的确需要每一个对象都创立一个新的,但是方法所有的都相同,这样做就有点白费内存了, 那么有什么好点的办法可以够处理一下呢?

下面引入一个新的概念, 原型: 在js中,每个类都有一个原型, 而原型只有一份,所有创立的对象共享一份原型

prototype: 每个类的这个属性为类的原型

Array.prototype.sum = function(){};

执行了以上的代码后, 所有的数组都会有 sum 方法


有了以上前提,即可以处理类方法的问题了,如下所示

function Person(name){

this.name = name;

}

Person.prototype.getName = function(){

return this.name;

};

这样,一个对象就定义成功了


但是, 面对对象得有继承吧,不可以只可以定义类而不可以实现继承,那么在js中又如何实现继承呢

思路如下:

  • 在构造函数中调使用父类的构造方法, 这样父类的属性就已经拿到了
  • 获取父类的原型, 拿到父类的方法
  • 定义自己的属性和方法

思路有了,下面使用代码实现

function Worker(name, job){

Person.call(this, name); // 调使用父类构造方法, 其中this是Worker对象

this.job = job; // 定义自己的属性

}

Worker.prototype = Person.prototype; // 获取父类的原型

Worker.prototype.getJob = function(){ // 定义自己的方法

return this.job;

};

但是这样,又有一个问题,那就是 Worker 的原型一变, 父类的原型也变了, 由于直接赋值拿到的是原型的引使用,即指针,那么就要讲原型整体复制过来才行, 用for循环实现:

for(var i in Person.prototype){

Worker.prototype[i] = Person.prototype[i];

}


同时能用 数组等实现对方法的分类管理, 如下:

var a={};

a.abc = {// 定义方法

aa: function(){},

bb: function(){}

};

a.bcd={

aa: function(){};

bb: function(){};

};

a.abc.aa(); // 调使用方法

a.bcd.aa();

如此,基本实现继承功可以,更多功可以还有待我学习

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】什么是HTML5前端开发?HTML5前端要学哪些技术?(2019-07-21 11:47)
【系统环境|】2019年web前端开发技术框架有哪些(2019-07-20 12:06)
【系统环境|】什么是Web?零基础能不能学Web前端开发?(2019-07-19 07:04)
【网页前端|HTML】为什么学Web前端?选择Web前端理由(2019-07-17 20:28)
【网页前端|JS】Java面经-百度新入职老哥整理近半年学习经验,面试刷题路线!(2019-07-16 22:16)
【网页前端|HTML】最全面的前端开发指南(2019-07-15 12:57)
【系统环境|数据库】零基础如何快速学好大数据?(2019-06-29 12:27)
【系统环境|Linux】零基础如何学好大数据?必备需要学习知识(2019-06-18 11:54)
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
手机二维码手机访问领取大礼包
返回顶部