js类定义方法-原型继承 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JS原型继承和类式继承

类式继承（构造函数） JS中其实是没有类的概念的，所谓的类也是模拟出来的。特别是当我们是用new 关键字的时候，就使得“类”的概念就越像其他语言中的类了。...类式继承是在函数对象内调用父类的构造函数，使得自身获得父类的方法和属性。call和apply方法为类式继承提供了支持。通过改变this的作用环境，使得子类本身具有父类的各种属性。...其次类式继承是不可变的。在运行时，无法修改或者添加新的方法，这种方式是一种固步自封的死方法。而原型继承是可以通过改变原型链接而对子类进行修改的。...用类式继承属性，而原型继承方法。这种模式避免了属性的公用，因为一般来说，每一个子类的属性都是私有的，而方法得到了统一。这种模式称为组合模式，也是继承类式常用到的一种方法。...从这里，我们也可以看到类继承和原型基础的一些区别。结论原型继承比较符合js这种语言的特点。因为它本身就是js强大的原型的一部分。

3.5K9 0

Js中类的定义和继承

定义类 function Person() { // 属性 this.name = "张三" this.age = 20 // 方法 // 实例方法，需要new才能被调用...对象冒充继承 // 对象冒充继承 function Woman() { //对象冒充可以继承函数的属性和方法，无法继承原型链上的 Person.call(this) } var wom...= new Woman() wom.run() //父类函数里的方法原型链继承 // 原型链继承 function Man() {} // 原型链可以继承函数和原型链上的属性和方法 Man.prototype...= new Person() var man = new Man() man.run() //父类函数里的方法 man.work() //父类原型链里的方法子类给父类传参对象冒充+原型链 function...} //原型链继承父类 Human.prototype = Person.prototype var hum = new Human("李四", 22) hum.work()

2.3K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

原型式继承和类式继承

虽然在es6中引入了类的概念，但它其实只是简化了原来需要我们自己编写的原型链代码的语法糖，从而让js更趋向于传统的面向对象语言而已。要理解这个过程，首先要明白es6中的class做了什么。...如果子类没有定义constructor方法，这个方法会被默认添加。 2.Java的继承首先了解java中创建对象的方式。...Java的类式继承由上面分析可见，es6中的类式继承其实还是原型式继承。...类式继承可以实现多重继承（Java是通过接口来实现）；原型式继承一般来说是不支持多继承的（因为原型链），但可以通过Mixin变相实现多继承。...通过上面的例子可以看到，在java中，我们只能在子类的构造方法中通过super关键字调用父类方法，而无法直接用子类的实例调用那个方法，像“子类实例.super.父类方法”，这是无效的；但是在js中，我们是可以做到的

1.5K3 1

【JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】下篇

文章目录 ✔️前言内容继承伪经典模式/圣杯模式类语法总结 ✔️前言 ❗️ ❗️ ❗️本篇系将带来JavaScript中的构造——原型——原型链——继承——ES6类语法系列知识完整讲解。...❗️ ❗️ ❗️ ❕上篇涉及：构造——原型——原型链 ❕下篇涉及：继承——ES6类语法内容继承初认识此处我们就以通常在各种平台所见到的会员与非会员举例：普通会员属性：用户名、密码方法：...这和继承的联系继承是面向对象的概念，它描述了两个对象类型（类，构造函数）之间的关系如果在逻辑上可以描述为：A不一定是B，但B一定是A，则：B继承A、A派生B、A是B的父类、B是A的子类。...如何在JS中封装继承？...; } // 继承方法 Student.prototype = new Person(); // 第一次调用 Person，name 和 age 已经在原型对象上面了 var zhangsan =

7311 0

【JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】上篇

文章目录 ✔️前言内容构造函数原型原型链总结 ✔️前言 ❗️ ❗️ ❗️本篇系将带来JavaScript中的构造——原型——原型链——继承——ES6类语法系列知识完整讲解。...❗️ ❗️ ❗️ ❕上篇涉及：构造——原型——原型链 ❕下篇涉及：继承——ES6类语法内容构造函数何为构造函数？...使用对象字面量创建一系列同一类型的对象时，这些对象可能具有一些相似的特征(属性)和行为(方法)，此时会产生很多重复的代码，把这些重复性的特征和属性抽象出来，做成构造函数，可以实现代码复用。...实例成员和静态成员实例成员：实例属性和实例方法(原型方法)的统称静态成员：静态属性和静态方法的统称静态方法：即构造函数.方法，例如，Math.random()、Number.parseInt(...由于JS中所有对象都是通过new产生的，因此，严格来说，JS中所有对象都称之为实例 //例： const obj = { a:'0', b:'1', c:'2' } //上面等价于var obj =

7392 0

js的继承与原型链

对于使用基于类的语言，如 Java 的开发人员，js 令人困惑，因为它是动态的，并且本身不提供一个 class 实现。...（在 ES2015/ES6 中引入了 class 关键字，但那只是语法糖，JavaScript 仍是基于原型）。谈到继承时，js 只有一种结构：对象。...该原型对象也有一个自己的原型对象( proto ) ，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。...几乎所有 js 中的对象都是位于原型链顶端的 Object 的实例。尽管这种原型继承通常被认为是 JavaScript 的弱点之一，但是原型继承模型本身实际上比经典模型更强大。...例如，在原型模型的基础上构建经典模型相当简单。

1.4K1 0

ES6：原型、类、继承

虽然我们可以用 class、extends、new、instanceof 写出高仿 Java 的类与继承但它的原理、特性与 Java 完全是两码事 ?...下面进入今天的正题 JavaScript 没有类，只有对象！所谓的类、继承都只是借助 JavaScript 原型链机制模拟实现的。...函数、构造函数、new JavaScript 函数：函数是第一类对象（first-class object）；函数也是一个包含了方法（call、apply）和属性（length、prototype）...模拟类式继承的常见方法 5.1. 原型链继承 ? ? 5.2. 借用构造函数 ? ? 5.3. 组合继承*（原型链继承 + 借用构造函数） ? ? 5.4. 共享原型 ? ? 5.5....上面几种模拟继承的方法各有利弊篇幅有限，水平一般建议大家 ? 6. ES6 新特性 ES6 提供了更接近传统语言的语法，通过 class 关键字可以定义类。

8063 0

JS中的面向对象、原型、原型链、继承总结大全

Person.prototype.constructor = Person; 原型模式就是不必在构造函数中定义实例的属性和方法,而是将属性和方法都添加到原型对象中。...创建自定义构造函数,其原型对象只会默认取得constructor属性,其他的属性和方法都是从Object继承来的。...,人们采用了原型和构造组合模式,使用构造函数定义实例,使用原型模式共享方法。...__proto__ === Object.prototype); // true 构造函数模式和原型模式组合继承只通过原型来实现继承,还存在一定问题,所以js中一般通过借用构造函数和原型组合的方式来实现继承...方法继承,就是上文讲的到的原型链机制继承,另外可以给子构造函数添加自己的属性和方法。这就是经典继承,避免了但是使用构造函数或者单独使用原型链的缺陷,成为js中最常用的继承方式。

1.4K2 2

Js原型链与类

理解原型链与类有利于我们对代码的封装与简化 # JS原型链理论 # 1、函数与对象的关系函数是对象，对象都是通过函数创建的。函数与对象并不是简单的包含与被包含的关系。...# 4、JS两个概念 Function 是JavaScript 里最顶层的构造器，它构造了系统中的所有对象，包括定义对象、系统内置对象、甚至包括它自己。...使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。...# 2、类表达式类表达式是定义类的另一种方法，类表达式可以命名或不命名。命名类表达式的名称是该类体的局部名称。...类所定义的方法，都是放在类的原型对象上，供实例去使用。

1K2 0

【JS精粹】原型链继承和构造函数继承的 “毛病”

好了，有这个认知基础，我们再看原型继承。原型链继承原型继承最直接的一种实现就是：原型链继承 ECMA-262 把原型链定义为 ECMAScript 的主要继承方式。...构造函数继承构造函数继承，也叫做：“盗用构造函数”，“对象伪装”或“经典继承”。基本思路：在子类构造函数中用 apply()和 call()方法调用父类构造函数。...，但是它也有它的问题，也是使用构造函数模式自定义类型的问题，即：必须在构造函数中定义方法（在原型上定义方法，子类是访问不到的），函数不能重用。...构造函数继承：子类不能访问父类原型上的方法。咱就是说，这东西怎么这么拧巴呢。。。于是乎一个规避二者“毛病”的继承方式出现了：组合继承~~ 组合继承目前最流行的继承模式是组合继承！...说实话，JS 继承真的很奇怪。。。并不是面向对象语言，又要通过原型链去模拟面向对象，真的很多小坑的点需要去注意。

1.3K2 0

对Javascript 类、原型链、继承的理解

一、序言和其他面向对象的语言（如Java）不同，Javascript语言对类的实现和继承的实现没有标准的定义，而是将这些交给了程序员，让程序员更加灵活地（当然刚开始也更加头疼）去定义类，实现继承。...而这里的name就是这个类的非静态【属性/方法】 c.利用prototype实现静态【属性\方法】这里因为要用到原型链的知识，所以放到原型链后面说。...这样我们就可以多定义一个类，把它叫做父类，在它的里面包含所有的这些子类所具有的相同的【属性/方法】，然后通过继承的方式，让所有的子类都可以访问这些【属性/方法】，而不用每次都在子类的定义中去定义这些【属性...2.原型链实现继承（让子类继承了父类的静态【属性/方法】） // 代码4.1 function Father() { } Father.prototype.say = function() {...【属性/方法】 4.组合方式实现继承（组合原型链继承 + 构造函数继承）顾名思义，就是结合上述两种方法，然后同时实现对父类的静态及非静态【属性/方法】的继承，代码如下： // 代码4.4 function

6671 0

“工厂、构造、原型” 设计模式与 JS 继承

这是我参与「掘金日新计划 · 6 月更文挑战」的第16天，点击查看活动详情序言我们在前一篇文章《JS精粹，原型链继承和构造函数继承的 “毛病”》 ,提到了：原型链继承、构造函数继承、组合继承；在另一篇文章...《蓦然回首，“工厂、构造、原型”设计模式，正在灯火阑珊处》，提到了：我们用于创建对象的三种设计模式：工厂设计模式、构造设计模式、原型设计模式；至此，我们可以明显的感受到：JS 要实现面向对象（继承的能力...“毛病” 原型链继承：所有继承的属性和方法都会在对象实例间共享，无法做到实例私有。...构造函数继承：子类不能访问父类原型上的方法。...使用寄生式继承来继承父类原型，然后将返回的新对象赋值给子类原型。

1K3 0

js的this、call、apply、bind、继承、原型链

首先，js没有严格意义上的子类父类，实现继承是依靠原型链来实现类似于所谓的类的效果。...3.2 prototype继承要想子类获得父类的属性，如果是通过原型来实现继承，那么就是父类的一个实例是子类的原型： function F(){ this.a = [1,2,3,4] this.b...因为都有各自的缺陷，所以就有一种组合继承，将构造函数继承和prototype继承混合起来，方法写在父类的prototype上，是比较常见的方法。...但是实例化都会调用两次构造函数，new和call 3.3Object.create继承（原型继承）这样子，可以在两个prototype中间加上一个中介F类，使得子类不会污染父类，子类A是父类B继承而来...基本上是完美选择 3.4 寄生式继承利用一个封装好继承过程的函数来实现继承，不需要另外定义一个子类，直接把子类的方法写在函数里面 function createobj (obj) { var temp

9741 0

几种常用的JS类定义方法

// 方法1 对象直接量 var obj1 = { v1 : "", get_v1 : function() { return this.v1; }, set_v1...: function(v) { this.v1 = v; } }; // 方法2 定义函数对象 var Obj = function() { var v1 = ""...{ return this.v1; }; this.set_v1 = function(v) { this.v1 = v; } }; // 方法...3 原型继承 var Obj3 = new Function(); Obj3.prototype = { v1 : "", get_v1 : function() { return...this.v1; }, set_v1 : function(v) { this.v1 = v; } }; // 方法4 工厂模式 function loadObj

2.5K4 0

【说站】js原型链继承的关系

js原型链继承的关系 1、构造函数有原型对象，原型对象有指针指向结构函数，每个实例都有内部指针指向原型对象。...2、Father通过new给Children的原型对象赋值一个实例，从而实现Children继承Father。...实例 // 父构造函数 function Father() { this.name = "father" this.house = "cottage" } // 原型方法 Father.prototype.alertName...（大别墅），并且获得了自己的名字 c.alertName()//children console.log(c.house)//cottage 以上就是js原型链继承的关系，希望对大家有所帮助。...更多js学习指路：js教程推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

7331 0

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

箭头函数的this绑定该函数定义时候所在的作用域指向的对象， call apply bind 不改变它绑定的this 因此用箭头函数来声明对象的方法时候，一定要小心里面的this陷阱，而且箭头函数不能用做构造函数...该迭代器有next函数,该函数每次返回一个对象对象具有一个名叫Symbol.iterator的方法,就是可迭代对象.该方法要返回一个迭代器对象!...迭代器对象要有next方法 // 调用可迭代对象string的迭代器接口方法产生一个迭代器!...} // setter set(x, y, value) { this.content[y * this.width + x] = value; } // 为Matrix类添加一个迭代器接口方法...value: 'value 1,0' }, done: false } // → { value: { x: 0, y: 1, value: 'value 0,1' }, done: false } 继承

1.3K0 0

【说站】js原型链继承的优点

js原型链继承的优点 1、非常纯粹的继承关系，实例是子类和父类的实例。 2、将父类的实例作为子类的原型，父类可以访问新的原型方法/属性。 3、简单易实现。... false console.log(kitty instanceof Cat); // true console.log(kitty instanceof Animal); // true 以上就是js...原型链继承的优点，希望对大家有所帮助。

6413 0

【说站】js原型链继承的缺点

js原型链继承的缺点 1、为了给子类添加新的属性和方法，必须在newAnimal()这样的句子之后执行，不能放在构造器中。 2、原型对象的所有属性都由所有实例共享。...3、创建子实例时，不能将函数传递给父类构造函数。不支持多继承。...console.log(cat instanceof Animal); //true console.log(cat instanceof Cat); //true 以上就是js原型链继承的缺点，希望对大家有所帮助

8453 0

继承类的方法

1 问题定义一个父类，用子类去继承父类所拥有的方法、定义属性，然后使用测试文件实现子类输出父类的方法信息，属性等。...2 方法 2.1 定义一个名为Person的父类： 2.2 定义一个名为Student的子类，并令其继承父类： 2.3 定义父类的属性、方法： 2.4定义子类的属性，以及输出父类的属性： 2.5...Student lisi = new Student("李四",18,"165465465",54654,"四川旅游学院"); lisi.fanhui(); }} 3 结语针对于继承类以及类中的方法和属性...，首先应该创建父类和子类的继承，然后是定义类属性和方法，最后输出返回它的内容。...单单从目前来继承类属于比较基础的方法，之后还会在此基础上实现更多延伸，例如分块利用，比所有代码写在一起更加方便，整洁。

1811 0

JS原型链与继承别再被问倒了

原文：详解JS原型链与继承摘自JavaScript高级程序设计: 继承是OO语言中的一个最为人津津乐道的概念.许多OO语言都支持两种继承方式: 接口继承和实现继承 .接口继承只继承方法签名,而实现继承则继承实际的方法....由于js中方法没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的....基本思路: 使用原型链实现对原型属性和方法的继承,通过借用构造函数来实现对实例属性的继承. 这样,既通过在原型上定义方法实现了函数复用,又能保证每个实例都有它自己的属性....在 ECMAScript5 中,通过新增 object.create() 方法规范化了上面的原型式继承. object.create() 接收两个参数: 一个用作新对象原型的对象 (可选的)一个为新对象定义额外属性的对象...组合继承最大的问题就是无论什么情况下,都会调用两次父类构造函数: 一次是在创建子类型原型的时候, 另一次是在子类型构造函数内部. 寄生组合式继承就是为了降低调用父类构造函数的开销而出现的 .

6215 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭