js中使用使用原型(prototype)定义方法的好处详解
作者：jingxian 发布时间：2024-04-22 13:03:54
标签：js,prototype,原型
经常在前端面试或是和其他同行沟通是，在谈到构造在JS定义构造函数的方法是最好使用原型的方式：将方法定义到构造方法的prototype上，这样的好处是，通过该构造函数生成的实例所拥有的方法都是指向一个函数的索引，这样可以节省内存。
当然，这种说法没有任何问题，只是在实现上，并非只有使用prototype的方式才能达到这样的效果，我们可以将方法以函数的形式定义在构造函数之外，然后在构造函数中通过this.method = method的方式，这样生成的实例的方法也都通过索引指向一个函数，具体如下：
// 不使用原型定义方法：
(function() {
function Constractor() {
this.method1 = method1;
this.method2 = method2;
}
function method1() {
}
function method2() {
}
})();
一般使用原型定义时代码如下：
(function () {
function Constractor() {
}
Constactor.prototype = {
method1: function() {
},
method2: function() {
}
};
// 或者
Constactor.prototype.method1 = function() {
};
Constactor.prototype.method2 = function() {
};
})();
理论和实现都没有什么高深的，只是为了达到同样的目的，可以通过不同的途径，只是此种方式在使用instanceOf运算符来判断继承关系时就不奏效了。
0
投稿猜你喜欢
- 本文实例讲述了Flask框架模板渲染操作。分享给大家供大家参考，具体如下：from flask import render_template
- 本文实例讲述了Python读取properties配置文件操作。分享给大家供大家参考，具体如下：工作需要将Java项目的逻辑改为python
- 今天用到BeautifulSoup解析爬下来的网页数据首先导入包from bs4 import BeautifulSoup然后可以利用url
- 我想把本篇作为css基础教程的序曲，从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分，单独发表，其间可能会插
- 首先，我们看看models.py里的模型，有个upload_to参数，为了和过去一刀两断，楼主决定给upload_to赋值一个新的值叫ava
本文实例讲述了Python3爬虫学习之将爬取的信息保存到本地的方法。分享给大家供大家参考，具体如下：将爬取的信息存储到本地之前我们都是将爬取- 背景随着业务的发展，公司业务和规模不断扩大，网站积累了大量的用户信息和数据，对于一家互联网公司来说，用户和业务数据是根基。一旦公司的数据错乱
- numpy对数组求平均时忽略nan值在对numpy数组求平均np.mean()或者求数组中最大最小值np.max()/np.min()时，如
- 在网络设备管理中，传输配置文件、镜像文件等是经常需要进行的操作。Netmiko是一个Python库，可用于与各种网络设备进行交互，提供了一些
- 本文实例为大家分享了微信小程序实现简单购物车的具体代码，供大家参考，具体内容如下微信小程序定制好看的购物车页面，实现购物车功能，希望对您有所
- 1. 准备工作后台服务接口，对书本的增删改查操作2. 弹出窗口进入ElementUi官网， 找到Dialog对话框，可以参考&ldq
- 如下所示：1.条件判断2.内置函数abs()3.内置模块 math.fabsabs() 与fabs()的区别abs()是一个内置函数，而fa
- 参考：1.Basemap绘制中国地图2.Basemap生成的图中绘制轨迹使用CMA热带气旋最佳路径数据集，对我国周边的台风进行绘制impor
- 方法一（粗暴）#二叉排序树class BTree(): def __init__(self,data):
- 这篇文章主要介绍了django-多对多表的创建和插入代码实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需
- cgo 使得在 Golang 中可以使用 C 代码。Hello World为了有一个较为直观的了解，我们来看一个简单的例子，创建文件 mai
- vue安装less依赖一、安装less依赖npm install less less-loader --save二、修改webpack.ba
- 有了Web框架和ORM框架，我们就可以开始装配App了。通常，一个Web App在运行时都需要读取配置文件，比如数据库的用户名、口令等，在不
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 4 - Functions函数和MooTools
- 使用：foldercleanup.py -d 10 -k c:\test\keepfile.txt c:\test表示对c:\test目录只
