【ES6 & JS】构造函数、原型和原型链

最新推荐文章于 2022-08-26 16:55:13 发布
VIP文章 最新推荐文章于 2022-08-26 16:55:13 发布
阅读量428 收藏 2
点赞数
分类专栏： ES6+JS 文章标签： es6 前端 ecmascript javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42337982/article/details/125846316
版权

目录

前言

一、什么是构造函数？

二、构造函数是如何创建对象的？

三、构造函数存在的小问题

四、解决问题——原型

总结

前言

在我们的JS中，创建对象有三种方式，分别是：

①利用对象字面量；②利用new Object；③利用构造函数

今天我们的讨论重点就是构造函数，了解一下什么是构造函数、构造函数是如何创建对象的以及它存在的一些问题，最终我们要如何去解决这些问题。

一、什

最低0.47元/天 解锁文章
Cristine_LZ
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
对于JS继承详细介绍（ 原型链，构造函数，组合，原型式，寄生式，寄生组合，Class extends）
01-08
说实在话，以前我只需要知道“寄生组合继承”是最好的，有个祖传代码...其中，原型链继承和原型式继承有一样的优缺点，构造函数继承与寄生式继承也相互对应。寄生组合继承基于Object.create, 同时优化了组合继承，成
js的构造函数和原型链
sdfujichao的博客
12-09 230
<!DOCTYPE html> <html> <body> <script> function Car() { this.name = "I am a car" } Car.prototype.height = 100; var car = new C...
JS进阶之面向对象ES6-构造函数与原型
欢迎访问我的主页：https://www.bookbook.cc
11-12 8700
构造函数、原型 ES6类的本质 构造函数与原型 实现继承
ES6 原型和原型链
m0_55990909的博客
05-13 682
1、构造函数和原型 prototype （1）原型prototype：每个构造函数都有一个prototype属性，指向一个对象。prototype的本质也是一个JavaScript对象，称为原型对象，这个对象的所有属性和方法都会被构造函数所拥有。因此，可将共用的一些方法直接定义在prototype上，这样所有对象实例就可以共享这些方法； （2)作用：原型prototype的作用是共享方法、节约内存； // 1、构造函数 function Star(uname, age) { this
JavaScript继承——原型链和借用构造函数
Andy·Wu的专栏
02-27 355
一、继承之借用构造函数 借用构造函数：通过在子类型构造函数使用 call() 或 apply() 方法继承超类构造函数的属性和方法。 function SuperType(name) { this.name = name; this.colors = ['red', 'blue', 'gree']; } function SubType(name, age) { Supe...
构造函数与原型链
m0_68293816的博客
04-11 195
原型链（它是个过程）：对应的对象的属性，先去找自己的__proto__是否存在，找的到就读取 找不到就会往上找（找父亲的构造函数），直到找到Object顶层对象，找到就返回值，找不到就返回
JavaScript ES6中CLASS的使用详解
11-28
js里面有许多语法的缺点：繁琐杂乱的.prototype 引用、试图调用原型链上层同名函数时的显式伪多态以及不可靠、不美观而且容易被误解成“构造函数”的.constructor。 除此之外，类设计其实还存在更进一步的问题。传统...
ES6 javascript中Class类继承用法实例详解
11-27
Class 之间可以通过extends关键字实现继承， 这比 ES5 的通过修改原型链实现继承， 要清晰和方便很多。 class ColorPoint extends Point {} 上面代码定义了一个ColorPoint类， 该类通过extends关键字， 继承了...
objectory:对象工厂尊重 JavaScript 原型委托
07-02
反对当被问及如果他必须从头开始重写 Java ... 通过组合，您在概念上拥有一个空对象，您可以使用任意数量的其他对象、构造函数+原型和/或工厂来组合该对象。 在这篇文章中阅读更多相关信息：它能做什么在 JavaScript 中
构造函数和原型链
weixin_45696232的博客
10-07 168
使用构造函数创建对象：反复创建统一类型的多个对象 如何: 2步: （1）定义构造函数 （2）用new操作符调用构造函数反复创建多个对象: 重点：new : 1.创建一个新的空对象； 2.将构造函数中的作用域赋给新对象（因此this就指向了这个新对象）； 3.执行构造函数中的代码（为这个新对象添加属性）； 4.返回新对象 //1. 定义构造函数，描述所有学生的统一结构 function Stud...
构造函数、原型和原型链
LUZENG_SA的博客
07-21 554
对构造函数、原型以及原型链的详解和三者的关系阐述，帮你清晰的理清有关原型的知识点
构造函数、原型、原型链
weixin_51682602的博客
10-21 336
构造函数 、原型 、原型链 构造函数：ES6之前不存在类的概念，我们创建对象是使用三种方法创建 字面量创建 let obj = {} 使用new Object()创建 let obj = new Object() 使用构造函数创建 function Food (name,effect){ this.name = name; this.effect = effect effect(){ console.log(this.effect) } } 构造函数的成员可以分为两大类：...
ES6构造函数
mitrichev86的专栏
06-22 240
ES6构造函数
构造函数和原型和原型链
清风的博客
09-25 647
构造函数和原型和原型链 1.静态成员和实例成员 1.1静态成员 静态成员在构造函数本身上添加的成员,静态成员只能通过构造函数来访问 function Person(name,age){ this.name = name; this.age = age; } //sex就是静态成员 Person.sex = '男'; var one = new Person('小明',12); consol...
JS高级一
LFLZBZM的博客
06-10 153
一、面向对象编程OOP 含义：以对象的功能来划分，而不是步骤 特性：封装性、继承性、动态性 类：抽象了对象的公共部分，通过类实例化一个对象 对象：一组无序的相关属性和方法的集合。万物皆对象，一个具体的事物 属性：事物的特征 方法：事物的行为 二、创建类 通过class关键字创建类，类名我们还是习惯性定义首字母大写 类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象中 constructor函数, 只要new生成实例时,就会自动调用这个函数，如果我们不写这个函数,类也会自动生
构造函数和原型与原型链
huangdj321的博客
08-26 447
在典型的OOP语言中，都存在类的概念，类就是对象的模板(图纸)，对象就是类的实例，但在ES6之前，js中并没有引入类的概念。ES6，全称，2015.06 发版。在ES6之前，对象不是基于类创建的，而是用一种称为构造函数的特殊函数来定义对象和它的特征。对象字面量 ({})自定义构造函数来看一个例子...
js闭包和原型链的面试题目
最新发布
09-02
原型链的缺点是只能继承父类的实例属性和方法，不能继承构造函数中的私有属性和方法；还有可能出现多个子类实例共享同一个父类实例的情况，导致数据共享的问题。 为了解决原型链继承的缺点，ES6引入了class关键字，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值