分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js方法继承

发布时间:2023-09-06 01:57责任编辑:胡小海关键词:js

  还是原来的味道,原来的配方,我们先来了解你这让你登上山顶的板砖(有些是个人想法和方法)

第一步、我们需要知道的是你定义的方法都会有一个prototype(用来存放公共的属性和方法),而这个原型指向一个原型对象.原型对象中又存在constructor和__proto__、方法(如图一)

                                  图一

  第二步、你需要知道实例化(new)后会产生一个__proto__(可以理解为__proto__取代了prototype的位置并指向了原型对象),如图二

<script>function a(){}var b=new a()console.log([a],[b])console.log(a.prototype===b.__proto__)</script>

  

                                图二

  第三步、现在我们在了解基本知识的情况下开始正式介绍方法继承(你想得到谁的方法就指向谁)

    1、原型继承(指向原型对象,指向原型对象后此原型对象就变成用来存放两人的方法了)Man.prototype = Person.prototype(将Man的原型指向Person的原型,原型变成公有的了);

      

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body></html><script>//人类function Person(name,age,sex){this.name = name;this.age = age;this.sex= sex;}Person.prototype.sleep = function(){}Person.prototype.play = function(){}Person.prototype.eat = function(){}function Man(beard,larynx,name,age,sex){Person.apply(this,[name,age,sex])this.beard = beard;this.larynx = larynx;}/*污染父级 */Man.prototype = Person.prototypeMan.prototype.work = function(){}//实例化var chenliang = new Man(10,"很大","阿狗","40","男");console.log(chenliang)console.log([Man],[Person])</script>

  结果如图三

  

  从图中我们不难看除Man和Person原型中的方法时一样的,也可以得出其最大的缺点就是污染"父级".

  2、为了解决污染父级的问题我们就不能让子集的原型指向父级的原型,现在我们来观察一下方法中还有哪些属性,这个时候我们发现了arguments(伪数组(nodelist),也可以称它为对象),//方法的名字还没有想好读者可以提喔!

  

Man.prototype.arguments=Person.prototype;在Man.prototype创建一个arguments,再把Person.prototype的方法放入

  

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body></html><script>//人类function Person(name,age,sex){this.name = name;this.age = age;this.sex= sex;}Person.prototype.sleep = function(){}Person.prototype.play = function(a){console.log(a,‘你好‘)}Person.prototype.eat = function(){console.log("1122")}function Man(beard,larynx,name,age,sex){Person.apply(this,[name,age,sex])this.beard = beard;this.larynx = larynx;}Man.prototype.arguments=Person.prototype;Man.prototype.work = function(){}//实例化var chenliang = new Man(10,"很大","陈亮","40","男");chenliang.arguments.play(1);console.log([Man])</script>

  结果如题四

  

                            图四

其他的继承方式以后补上.

js方法继承

原文地址:https://www.cnblogs.com/tc-jieke/p/9113893.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved