位置: 编程技术 - 正文

JS继承 笔记(js继承的概念)

编辑:rootadmin
JS继承 JavaScript中没有类的概念,与类相关的继承的概念更是无从谈起,但是我们可以通过特殊的语法来 模拟面向对象语言中的继承。 在JS中模拟继承有多种方式,其中寄生组合模式是一种比较容易简单的模拟继承模式,下面我们就来 介绍一下用寄生组合模式模拟继承。 JS的继承包括属性的继承和方法的继承,他们分别通过不同的方法来实现。 1属性的继承 属性的继承通过改变函数的执行环境来实现的。而改变函数的执行环境可以使用call()和apply()两种 方法来实现。 我们首先创建一个Animal“类”(因为JS中没有类的概念,这里只是一个模拟,它实际上只是一个 Function函数对象)。 再创建一个Lion“类”,“继承”于Animal 这里使用了Animal的apply方法,把Animal的执行环境改成Lion被调用时的执行环境。 这里要解释一下,我们要想使用Lion这个“类”,通常需要new一个Lion。如:        var l = new Lion(); 而new关键字是十分伟大的,在上段代码中,new关键字完成了以下几项工作:    1)开辟堆空间,以准备存储Lion对象   2)修改Lion对象本身的执行环境,使得Lion函数的this指向了Lion函数对象本身。   3)调用Lion“类”的“构造函数”,创建Lion对象   4)将Lion函数对象的堆地址赋值给变量l,这个时候l就指向了这个Lion函数对象 所以经过new关键字以后Animal.apply(this, ["狮子"])中的this已经指向了Lion函数对象本身了,所 以这段代码就将Animal函数的执行环境改变成了Lion函数中,相当于以下代码: 而此时的this已经是Lion函数对象了所以上段代码进一步相当于: 这样就给Lion函数对象添加了name属性,也模拟了Lion函数继承于Animal函数的效果。 2方法的继承 在JS中每一个“类”(即函数,注意不是函数对象)都有一个prototype属性,prototype表示该函数 的原型,也表示一个类的成员的集合(通常是方法的集合)。我们可以通过函数的prototype属性来实现方 法的继承。 我们同样首先创建一个Animal“类”: 给Animal的原型中加入一个eat方法: 创建一个Lion“类”,同时完成对Animal“类”的属性的继承 注意下面的代码,我们马上要完成方法的继承了 Lion.prototype=new Animal(); 这样就把一个Animal函数对象储存在了Lion的原型中了,Lion也就包含了Animal中的方法了(其实也 包含了属性)。这样就模拟了Lion函数对Animal的继承。

推荐整理分享JS继承 笔记(js继承的概念),希望有所帮助,仅作参考,欢迎阅读内容。

JS继承 笔记(js继承的概念)

文章相关热门搜索词:js继承怎么实现,js继承的方式及原理,js继承几种方式,js继承例子,js继承的三种方式,js继承的三种方法,js继承的三种方法,js继承例子,内容如对您有帮助,希望把文章链接给更多的朋友!

Javascript 面向对象编程(一) 封装 学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我

Javascript面向对象编程(二) 构造函数的继承 今天要介绍的是,如何生成一个"继承"多个对象的实例。比如,现在有一个"动物"对象的构造函数,functionAnimal(){this.species="动物";}还有一个"猫"对象的构

Javascript面向对象编程(三) 非构造函数的继承 今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。varChinese={nation:'中国'};

本文链接地址:https://www.jiuchutong.com/biancheng/385753.html 转载请保留说明!

上一篇:javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)(js中的类是什么)

下一篇:Javascript 面向对象编程(一) 封装(javascript面向对象吗)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络