JavaScript中常见的几种继承方式

继承方式一：混入继承

"use strict";//object:A
let Oa= {money: 'many money',resource: 'company,house',control: function (){console.log('this is function');}
};//object:B
let Ob = {};
for (let k in Oa) {Ob['k'] = Oa['k'];
}console.log(Ob.money);//'many money'
console.log(Ob.control()); //'this is function'

继承方式二：原型继承

//object:A
var Oa= {loveColor: 'Green',habbit: 'backetball',sayHi: function (){console.log('hello world');}
}//创建构造函数，并且将对象A的地址赋值给构造函数的原型
function Func() {}
//实现继承
Func.prototype = Oa;
//恢复三角关系
Func.prototype.contructor = Func;//实例化的所有对象都拥有对象Oa的属性和方法//object:B
let Ob = new Func();console.log(Ob.lovaColor); //'Green';
console.log(Ob.habbit); //'backetball';

继承方式三：混入加原型

//object:A
let Oa = {color: 'red',love: function (){console.log('love green');}
}function Func(name){this.name = name;
}for (let k in Oa) {Func.prototype[k] = Oa[k];
}//object:B
let Ob = new Func('jeky');console.log(Ob.color) // red;
Ob.love() // 'love green';

继承方式四：`object.create()`;

//object:A
let Oa = {fName: 'apple',color: 'red'
};//object:B
//实现过程：new了一个新的对象，把传入作为参数的那个对象设置给新创建的这个对象的原型属性
let Ob = Object.create(Oa);
console.log(Ob.fName); //'apple'

JavaScript中常见的几种继承方式相关推荐

【JS继承】常见的7种继承方式
自我介绍:大家好,我是吉帅振的网络日志:微信公众号:吉帅振的网络日志:前端开发工程师,工作4年,去过上海.北京,经历创业公司,进过大厂,现在郑州敲代码. JS继承专栏 1[JS继承]什么是JS继承? ...
PCBA加工中常见的两种焊接方式详解
PCBA加工中常见的两种焊接方式详解 PCBA加工,两种常见的焊接方式就是回流焊和波峰焊,与手动焊接技术相比,自动焊接技术具有减少人为因素的影响.提高效率.降低成本.提高质量等优势,在PCBA加工中, ...
探究JS常见的6种继承方式
先看以下百科对(面向对象的继承)的解释! 通过以上精炼实用的解释,我们可以了解到继承的基本作用和功能!即可以使得子类具有父类的属性和方法或者重新定义.追加属性和方法等. 广告:帮忙点击>> ...
JS中对象的四种继承方式：class继承、原型链继承、构造函数继承、组合继承（构造函数和原型链继承的结合）
前言才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...
学习笔记 --- 编码过程中常见的三种异步方式
实际的编码过程中, 凡是涉及到网络通信的代码, 异步都是决不可缺少的. 那么什么是异步呢? 异步就是子线程, 异步通过开辟子线程来实现, 所以一提到异步就应该想到子线程. 即使不涉及网络通信, 异步也 ...
JavaScript中this的五种绑定方式详解
1 this的五种绑定方式 1.1 默认绑定默认绑定是指当函数调用时,没有为其指定对象上下文,此时会将该函数的this绑定到全局对象(window对象).自ES5有了严格模式之后,默认绑定方式又分为 ...
攻防演练中常见的8种攻击方式及应对指南
俗话说:"讲百遍不如打一遍",网络安全实战攻防演练被视为检验组织机构安全防护和应急响应能力,提高综合防控水平最有效的手段之一.那么,对蓝队来说,如何在攻防实战进行有效防护应对呢? ...
php xml 四种,xml中常见的四种解析方式是什么？
xml解析方式有:1.DOM解析方法,可以对xml文档进行修改操作:2.SAX解析方法,解析速度快,占用内存少:3.JDOM解析方法,查找方便:4.DOM4J解析方法,解析XML的速度快. 在XML的 ...
JavaScript中常见的几种“缺少对象”错误
在JavaScript中,程序调度过程中经常会出现缺少对象错误,这里的对象有时候是变量,有时候是函数,有时候可能是对象等等. 缺少对象错误经常有以下几种情况 1.变量没有定义使用没定义的变量时就会出 ...

JavaScript中常见的几种继承方式

继承方式一：混入继承

继承方式二：原型继承

继承方式三：混入加原型

继承方式四：`object.create()`;

JavaScript中常见的几种继承方式相关推荐

最新文章

热门文章

JavaScript中常见的几种继承方式

继承方式一：混入继承

继承方式二：原型继承

继承方式三：混入加原型

继承方式四：object.create();

JavaScript中常见的几种继承方式相关推荐

最新文章

热门文章

继承方式四：`object.create()`;