首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS 继承的多种方法

一、原型链 学过java的同学应该都知道,继承是java的重要特点之一,许多面向对象的语言都支持两种继承方式:接口继承和实现继承,接口继承继承方法签名,而实现继承继承实际的方法,在js中,由于函数没有签名...,融合了它们的优点,现在已经成为js中最常用的继承方法。...其实,如果我们要使用原型式继承的话,可以直接通过Object.create()方法来实现,这个方法接收两个参数,第一个参数是用作新对象原型的对象,第二个参数是一个为新对象定义额外属性的对象,一般来说,第二个参数可以省略...寄生式继承 寄生式继承其实和我们前面说的创建对象方法中的寄生构造函数和工程模式很像,创建一个仅用于封装继承过程的函数,该函数在内部以某种方法来增强对象,最后再返回该对象。...寄生组合式继承 组合继承js中最经常用到的一种继承方法,而我们前面也已经说了组合继承的缺点,组合继承需要调用两次超类型构造函数,一次是在创建子类型原型的时候,另一次是在子类型构造函数内部,子类型最终会包含超类型对象的全部实例属性

2.8K10

JS对象 - this - 原型 - 可迭代器 - Symbol - 继承

箭头函数的this绑定该函数定义时候所在的作用域指向的对象, call apply bind 不改变它绑定的this 因此用箭头函数来声明对象方法时候,一定要小心里面的this陷阱,而且箭头函数不能用做构造函数...Object.prototype()获取对象的原型对象 Functions derive from Function.prototype, and arrays derive from Array.prototype...该迭代器有next函数,该函数每次返回一个对象 对象具有一个名叫Symbol.iterator的方法,就是可迭代对象.该方法要返回一个迭代器对象!...迭代器对象要有next方法 // 调用可迭代对象string的迭代器接口方法产生一个迭代器!...value: 'value 1,0' }, done: false } // → { value: { x: 0, y: 1, value: 'value 0,1' }, done: false } 继承

1.3K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS对象的简单创建和继承

    arr = new Array(); 3.使用 Object.create() 这个方法有两个参数,第一个参数是这个对象的原型,第二个参数用以对对象的属性进行进一步描述(可选) var obj = Object.create...Object的属性,并具有obj.x = 1 的属性值 但当参数为null时,obj1则是一个没有原型的新对象,不会继承任何东西,甚至没有初始的toString()方法。...); 对象的简单继承: 可以通过原型继承创建一个新对象 以下函数inherit() 返回一个继承自原型对象p的属性的新对象 function inherit(p){ if(p == null)...{ // 不能从null中继承 throw TypeError(); } if(Object.create){ //如果有这个方法就直接使用 return...;在JS中,只有在查询属性时才会体会到继承的存在,而设置属性则和继承无关。

    2.8K20

    js对象拷贝方法

    Object.getOwnPropertyDescriptors(obj) ); Object.assign(targetObj,sourceObj),浅拷贝 不是深拷贝,循环引用、各种数据类型都可以拷贝,引用类型不是深拷贝 它不会拷贝对象继承属性...; 它不会拷贝对象的不可枚举的属性; 不可以拷贝对象中的对象; 可以拷贝 Symbol 类型的属性; 无法正确拷贝属性和属性 可以拷贝undefined/boolean/null/function/Date...这几种类型,经过 JSON.stringify 序列化之后的字符串中这个键值对会消失; 拷贝 Date 引用类型会变成字符串; 无法拷贝不可枚举的属性; 无法拷贝对象的原型链; 拷贝 RegExp 引用类型会变成空对象...; 对象中含有 NaN、Infinity 以及 -Infinity,JSON 序列化的结果会变成 null; 无法拷贝对象的循环引用,如果对象中有循环引用,会报错: Uncaught TypeError...JavaScript内置对象的复制: Set、Map、Date、RegExp等 * 2.

    2.4K20

    JS 继承

    Object.create:ES5提供的 Object.create(proto,[propertiesObject])方法创建一个新对象,使用现有的对象来提供新创建的对象的 __proto__。...推荐阅读JS继承相关的书籍章节 《JavaScript高级程序设计第3版》第6章——面向对象的程序设计 6种继承的方案,分别是原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承...上卷第6章——行为委托和附录A(ES6中的class) 总结 继承对于JS来说就是父类拥有的方法和属性、静态方法等,子类也要拥有。...继承方法可以有很多,重点在于必须理解并熟。 悉这些对象、原型以及构造器的工作方式,剩下的就简单了。寄生组合式继承是开发者使用比较多的。...回顾寄生组合式继承,主要就是三点: 子类构造函数的 proto指向父类构造器,继承父类的静态方法 子类构造函数的 prototype的 proto指向父类构造器的 prototype,继承父类的方法

    2.9K32

    前端-如何继承 Date 对象?由一道题彻底弄懂 JS 继承

    console.log(date.getTest()); 于是,随手用JS中经典的组合寄生法写了一个继承,然后,刚准备完美收工,一运行,却出现了以下的情景: ? 但是的心情是这样的: ?...经典的继承法有何问题 先看看本文最开始时提到的经典继承法实现,如下: /** * 经典的js组合寄生继承 */ function MyDate() {    Date.apply(this, arguments...总的来说,结合这两点,可以得出一个结论:要调用Date上方法的实例对象必须通过Date构造出来,否则不允许调用Date的方法。 该如何实现继承?...说到底就是:内部生成一个 Date对象,然后此类暴露的方法中,把原有 Date中所有的方法都代理一遍,而且严格来说,这根本算不上继承(都没有原型链回溯)。...写在最后的话 由于继承的介绍在网上已经多不胜数,因此本文没有再重复描述,而是由一道Date继承题引发,展开(关键就是原型链)。 不知道看到这里,各位看官是否都已经弄懂了JS中的继承呢?

    1.1K20

    JS实现继承的几种方法总结

    文章目录 一、基本代码 二、实现继承方法: 1.原型链继承 2.构造继承: 3.实例继承 4.拷贝继承: 5.组合继承: 6.寄生组合继承: 7.class – extends – – ES6 一...,也是父类的实例 父类新增原型方法/原型属性,子类都能访问的到 简单 缺点 要想为子类新增属性和方法,必须要在new Animal()这样的语句之后执行,不能放到构造器中 无法实现继承多个 来自原型对象的所有属性被所有实例共享...(call多个父类对象) 缺点: 实例并不是父类的实例,只是子类的实例 只能继承父类的实例属性和方法,不能继承原型属性/方法 无法实现函数复用,每个子类都有父类实例函数的副本,影响性能 ---- 3.实例继承.../方法,也可以继承原型属性/方法 既是子类的实例,也是父类的实例 不存在引用属性共享问题 函数可复用 可传参 缺点: 调用了俩次构造函数,生成了俩份实例(子类实例将子类原型上的那份屏蔽了) ---- 6....寄生组合继承: //核心:通过寄生方式,砍掉父类的实例属性,这样,在调用俩次父类的构造的时候,就不会初始化俩次实例方法/属性,避免了组合继承的缺点。

    1.2K40

    面向对象:继承

    一:什么面向对象继承? 比较官方的说法就是: 继承(英语:inheritance)是面向对象软件技术当中的一个概念。...在令子类别继承父类别的同时,可以重新定义某些属性,并重写某些方法,即覆盖父类别的原有属性和方法,使其获得与父类别不同的功能。另外,为子类别追加新的属性和方法也是常见的做法。...一般静态的面向对象编程语言,继承属于静态的,意即在子类别的行为在编译期就已经决定,无法在执行期扩充。...__dict__) # 对象执行类的父类的属性,方法。...执行顺序 3.3同时执行类以及父类方法 方法一: 如果想执行父类的func方法,这个方法并且子类中夜用,那么就在子类的方法中写上: 父类.func(对象,其他参数) 举例说明: class Aniaml

    57930

    面向对象——继承

    1.什么是继承 继承是从已有类中派生出新的类,新的类吸收已有类当中的状态和行为并扩展出新的能力,是一种从一般到特殊的关系 父类存放共同的状态和行为,子类存放自己特有的状态和行为 java中通过extends...2.继承的作用 减少了代码的冗余提高复用性 划分类别清晰化类的结构 3.继承方法的重写 重写方法的签名要一样(方法名+参数) 重写方法的返回值类型要和父类一样 重写方法的访问权限必须要比父类方法大或者相等...在方法前添加@Override标签可判断该方法是否是重写的父类方法 4.隐藏 本类字段隐藏:方法参数名与字段名相同时 继承字段隐藏:子类有定义字段名和父类一字段同名 继承方法隐藏:子类有一静态方法和父类同名...这里是静态方法而不是实例方法 5.继承的内存分析 载入字节码到方法区时会先将父类载入然后再载入自身 创建对象时构造方法里默认会有super()来调用父类构造方法,即创建对象时在堆中会先开辟一个父类对象然后再此对象...6.Object类 Object是默认的所有类的父类,每个类对象都可以使用像hashCode()、equals(Object obj)、toString()等这些方法

    45120

    学习zepto.js(对象方法)

    学习zepto.js(对象方法)[4] 今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents", "empty...上边那个过滤方法用的地方比较多,所以给它放在上边; children方法调用的filtered传入的是两个参数,第一个是一个集合,将所有对象的所有的子节点取出,并放入一个集合;children方法内部调用的...我们调用的是对象方法,而对象方法调用的那个就是一个普通的内部私有函数- -(望理解它们之间的区别); 返回的是做一个兼容处理的获取子元素的实现,如果节点存在children属性就直接取出,不存在的话,就循环...如果不是一个字符串,就判断是否是一个类数组,并且对象的item是一个方法,(是的,变相的判断为一个zepto对象.) 其余的情况,直接通过参数构建一个zepto对象....也就是说,not方法传入的参数类型是可以比filter更丰富一些的. 可以传入一个zepto对象,或者一个dom标签数组.一个html片段.等等…… 当然最后返回的对象决不会存在于not的参数中.

    2.5K60
    领券