通过构造函数添加成员方法和通过原型添加成员方法的区别

最新推荐文章于 2023-03-09 21:28:16 发布
最新推荐文章于 2023-03-09 21:28:16 发布
阅读量438 收藏 1
点赞数 1
分类专栏： js 文章标签： 原型添加属性和方法的优势
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42259266/article/details/93724833
版权
  • 通过原型法添加函数(方法)、属性的好处是所有对象都共享这个函数，节约内存
  • 通过构造函数添加成员方法会存在一个浪费内存的问题
  • 假如有一个方法或者属性是不变的，如果通过构造函数添加，在每一次new 构造函数生成的实例对象时，每一个实例都会包含这个方法或者属性，多占用内存，这样做既不环保也缺乏效率
  • 我们可以通过Prototype模式来解决
    • JavaScript规定，每一个构造函数都有一个prototype属性，指向另外一个对象，这个对象的属性和方法都会被所有的构造函数实例继承
    • 因此我们将那些不变的属性和方法定义在构造函数的原型上
最帅扫地僧
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《web开发： JavaScript 构造函数和原型》
yexiangCSDN的专栏
01-13 163
一、JavaScript 构造函数和原型 构造函数和原型 Contents 目  构造函数和原型  继承  ES5 中的新增方法 1. 构造函数和原型 1.1 概述 在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。 ES6， 全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏 览器也支持 E...
JavaScript 中的构造函数与原型：有什么区别？
老司机的后备箱
10-20 759
构造函数是用于创建对象的函数。当您使用关键字调用构造函数时new，它将创建一个新对象并返回它。如果您有面向对象编程（OOP）的 背景，将构造函数与类进行比较是最简单的。就像在其他语言中一样，构造函数允许您创建新对象并定义它们的属性和方法。Java}}JavaScript在 JavaScript 中，我们可以创建Person如您所见，两者非常相似。主要区别在于，在 JavaScript 中，我们使用prototype将方法添加到构造函数中，而在 Java 中，我们只需将它们添加到类中。
构造函数方法与原型链方法的区别
abuanden的博客
03-22 369
ES5的解释 在new一个实例之后，他的实例可以调用构造函数和prototype上面的方法。 但是不同的是，定义在构造函数里面的方法，会在每一个实例里面创建一个函数，占用空间。每个实例的test方法指向不同内存。而prototype中的方法，只占用一块内存，所有实例指向他，节约空间。 function Cat(x,y) { this.test1 = () => { console.log("我是1"); } } Ca
构造函数实例方法和原型方法构造方式上的区别
weixin_44145962的博客
12-07 203
先上测试代码： <script> class Ceshi { constructor(){ // 1.constructor中，通过this.来添加方法 this.shili = function(){ console.log(this,'this.shili'); return this } // 2.constructor中，通过类名.prototype.方法名来添加方法 Ces
面向对象，构造函数添加方法
weixin_45259914的博客
06-20 444
数组使用原型添加方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
JS 向构造函数原型添加方法
DiJunXJ的博客
06-28 1507
<script type="text/javascript"> /* * 创建一个Person构造函数 * - 在Person构造函数中，为每一个对象都添加了一个sayName方法， * 构造函数每执行一次就会创建一个新的sayName方法 */ function Person(name , age , gender){ thi...
Javascript 构造函数,公有,私有特权和静态成员定义方法
10-29
私有特权成员是指那些在构造函数内部定义但可以通过公有方法访问的私有属性和方法。私有属性不能从外部直接访问，只能通过特权方法来访问和操作。 ```javascript function MyClass(message) { var _separator = '-...
构造函数和原型
Lotus_fragrance的博客
06-13 895
目录1. 构造函数和原型1.1 概述1.2 构造函数1.3 构造函数的问题1.4 构造函数原型 prototype1.5 对象原型 __proto__1.6 constructor 构造函数1.7 构造函数、实例、原型对象三者之间的关系1.8 原型链1.9 JavaScript 的成员查找机制(规则)1.10 原型对象this指向1.11 扩展内置对象2. 继承2.1 call()2.2 借用构造函数继承父类型属性2.3 借用原型对象继承父类型方法3. ES5 中的新增方法3.1 ES5 新增方法概述3.2
构造函数和原型对象
Mr_115的博客
11-15 791
构造函数和原型对象
JavaScript 高级—构造函数和原型（构造函数和原型、继承、ES5 中的新增方法）
m0_59030524的博客
03-22 1156
目标： 能够使用构造函数创建对象 能够说出原型的作用 能够说出访问对象成员的规则 能够使用ES5新增的一些方法 1. 构造函数和原型 1.1 概述 在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。 ES6， 全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分..
构造函数上追加方法的三种实现
最新发布
qq_40757785的博客
03-09 127
vue底层混入的实现原理
js中构造函数的原型添加属性的两种方式
qq_36343904的博客
06-03 4914
方式一：对象的动态特效 给原型对象添加成员 语法：构造函数.prototype.方法名=function （）{ } 方式二：替换原型对象（不是覆盖，而是替换，把原先的同名的直接替换成现在的） 语法：构造函数.prototype.方法名={ } tips：方式二不常用，因为这样会修改了原型本身 搜索：JS中通过构造函数添加成员方法和通过原型法添加成员方法的区别 参考网址 http://blog....
构造函数添加方法和原型添加方法的区别
weixin_43913262的博客
11-05 813
构造函数添加方法和原型添加方法的区别 通过原型法添加方法的好处是:所有对象都共享，节约内存。 通过构造函数添加成员方法会存在浪费内存。 我们是将方法添加到构造函数本身，不是每个实例都需要这种方法，这会导致浪费大量内存空间。因为实例中仍然具有该方法，这占用了每个实例的内存空间。 相反，如果我们只将它添加到原型中，我们只需将它放在内存中的一个位置，但它们都可以访问它。 ...
深入理解JavaScript之构造函数的实例成员和静态成员
邹呦呦_
03-01 592
什么是构造函数？ 构造函数 ，是一种特殊的方法。用于在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。 如下：Person就是一个构造函数，而new Person 就是利用构造函数实例化 一个 ws 对象 var Person = function(name,age){ this.name = name; this.age = age; } var...
向构造函数添加方法
weixin_33725807的博客
06-26 723
function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } const member = new Person("Lydia", "Hallie"); Person.getFullName = () => this.firstName +...
将属性写在原型里与将属性写在构造函数里有什么不同
weixin_33953384的博客
12-20 302
1、把方法写在原型中比写在构造函数中消耗的内存更小，因为在内存中一个类的原型只有一个，写在原型中的行为可以被所有实例共享，实例化的时候并不会在实例的内存中再复制一份而写在类中的方法，实例化的时候会在每个实例中再复制一份，所以消耗的内存更高所以没有特殊原因，我们一般把属性写到类中，而行为写到原型中2、构造函数中定义的属性和方法要比原型中定义的属性和方法的优先级高，如果定义了同名称的属性和方法，构造函...
JS中通过构造函数添加成员方法和通过原型法添加成员方法的区别
xxmzumeng的专栏
08-07 4008
① 通过原型法分配的函数是所有对象共享的. ② 通过原型法分配的属性是独立.(如果你不修改属性，他们是共享) ③ 建议：如果我们希望所有的对象使用同一一个函数，最好使用原型法添加函数，这样比较节省内存.  构造函数方法很好用，但是存在一个浪费内存的问题。 请看，我们现在为Cat对象添加一个不变的属性"type"（种类），再添加一个方法eat（吃老鼠）。那么，原型对象Cat就变成了下
使用原型相对于直接在构造函数中定义方法的优势？ [重复]
asdfgh0077的博客
07-22 323
This question already has an answer here: 这个问题已经在这里有了答案： Use of 'prototype' vs. 'this' in J
构造函数、创建类和生成实例，添加公用方法，类继承extends、super关键字
qq_40237725的博客
08-23 193
**创建class实例， ** class Star { // 类的公用属性放到constructor函数里面 constructor(name,a,b){ this.name = name this.a = a this.b = b this.num = a+b } age(){ c...
C++程序设计基础：对象、构造函数与静态成员
构造函数是用于初始化对象的关键工具，有两种定义形式：合成构造函数（默认构造函数）和自定义构造函数，用于在创建对象时设置其状态。 const限定的数据成员是在声明类的成员变量时用const关键字修饰，这样的成员...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值