javascript - JavaScript "Factory Design Pattern"中的性能优化-6ren

javascript - JavaScript "Factory Design Pattern"中的性能优化

转载作者：行者123 更新时间：2023-11-30 14:23:22

25

4

我想在我的应用程序中使用工厂设计模式，并在开发过程中利用它的一些优点，例如可读性、灵 active 、可扩展性、封装和正确绑定(bind)“this”运算符。当我的应用程序在加载时生成 html 代码我的网页，创建对象的性能和内存使用对我来说很重要。请看下面的例子；

// Factory Design with Delegation
const car = function( color ) 
{
	const CarPrototype = function( color )
	{
		const carPrototype = {};
		
		carPrototype.color = color;
		// Private function
		function internal()
		{
			console.log( "internal" );
			// ...
		}
		
		// Public function
		carPrototype.gas = function()
		{
			internal();
			// ...
		}
		
		carPrototype.brake = function()
		{
			// ...
		}
		
		return carPrototype;
	}
	return Object.create( CarPrototype( color ) );
}

// Traditional constructor function
const Car = function( color )
{
	this.color = color;
	// ...
}

Car.prototype.internal = function()
{
	console.log( "internal" );
	// ...
}

Car.prototype.gas = function()
{
	this.internal();
	// ...
}

Car.prototype.brake = function()
{
	// ...
}


function myFunction()
{

const mazdaF = car( "red" );

const mazdaT = new Car( "red" );
 
console.log( mazdaF, mazdaT );

}

<html>
  <head></head>
  <body onload="myFunction()">
  </body>
</html>

运行上述代码的结果如下所示。

另外，性能测试结果在这里显示Performance result .

我想知道我是否为我的案例使用了正确的模式。万一，我应该怎么做才能提高性能？

更新:

现在我对上面的工厂模式有点困惑。我想当我使用 Object.create( CarPrototype( color ) ) 时，我正在创建一个全新的汽车对象并返回一个对象，该对象的原型(prototype)链接到该汽车对象。因此，如果我创建 1000 个汽车对象，我将拥有 1000 个汽车原型(prototype)，而不是一个具有 1000 个委托(delegate)链接的原型(prototype)。我对吗？如果这是真的，谁能告诉我如何更正它？

最佳答案

JSPerf 是 being buggy所以我不能真正测试你的，但是......我会说这更具可读性和更可维护性，同时速度很快(使用 ES6 类):

const Car = (function() {
  const internal = Symbol("internal");

  class Car {
    constructor(color) {
      this.color = color;
    }

    [internal]() {
      console.log("internal");
      // ...
    }

    gas() {
      this[internal]();
      // ...
    }

    break() {
      // ...
    }
  }

  return Car;
})();

let car = new Car("red");
car.gas();
console.log(car);

由于您可以使用 Object.getOwnPropertySymbols 访问模拟私有(private)方法的符号，但并非偶然，符号方式对我来说“足够好”(如，我拥有的任何 secret 我都不会传输给客户端，私有(private)方法纯粹是为了让程序员了解什么是公共(public) API 什么不是。如果这对你来说还不够好，那么这就是性能，尽管你失去了 internal 作为一个正确的方法:

const Car = (function() {
  function internal(car) {
    console.log("internal");
  }

  class Car {
    constructor(color) {
      this.color = color;
    }

    gas() {
      internal(this);
      // ...
    }

    break() {
      // ...
    }
  }

  return Car;
})();

let car = new Car("red");
car.gas();
console.log(car);

外部 IIFE 正在模拟一个模块(参见 JavaScript module pattern with example)；如果您使用适当的模块，则不需要它。

关于javascript - JavaScript "Factory Design Pattern"中的性能优化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52358302/

25

4

0

文章推荐： javascript - 我没有拼接的变量正在拼接

文章推荐： javascript - 在 express 路由器和中间件之间传递数据

文章推荐： javascript - axios 获取参数数组

javascript - Ember.js，性能，性能 :
性能:数据存储写入与请求日志写入
我们希望通过我们的应用收集使用情况统计信息。因此，我们希望在服务器端的某个地方跟踪用户操作。就性能而言，哪个选项更合适: 在 App Engine 请求日志中跟踪用户操作。即为每个用户操作写入一个日
LINQ 性能
在针对对象集合的 LINQ 查询的幕后究竟发生了什么？它只是语法糖还是发生了其他事情使其更有效的查询？最佳答案您是指查询表达式，还是查询在幕后的作用？查询表达式首先扩展为“普通”C#。例如: v
WPF 性能
我正在构建一个简单的照片库应用程序，它在列表框中显示图像。 xaml 是:
java缓存系统和静态HashMap存储-性能
对于基于 Web 的企业应用程序，使用“静态 Hashmap 存储对象” 和 apache java 缓存系统有何优缺点？哪一个最有利于性能并减少堆内存问题例如: Map store=Applica
jquery存储变量类(性能)
我想知道在性能方面存储类变量的最佳方式是什么。我的意思是，由于 Children() 函数，存储一个 div id 比查找所有其他类名更好。还是把类名写在变量里比较好？例如这样: var $inne
Cassandra 性能
我已经阅读了所有这些关于 cassandra 有多快的文章，例如单行读取可能需要大约 5 毫秒。到目前为止，我不太关心我的网站速度，但是随着网站变得越来越大，一些页面开始需要相当多的查询，例如一个页
MySQL 性能
最近，我在缓存到内存缓存之前的查询一直需要很长时间才能处理!在这个例子中，它花费了 10 秒。在这种情况下，我要做的就是获得 10 个最近的点击。我感觉它加载了所有 125,592 行然后只返回 1
基本操作的C#性能
我找了几篇文章(包括SA中的一些问题)，试图找到基本操作的成本。但是，我尝试制作自己的小程序，以便自己进行测试。在尝试测试加法和减法时，我遇到了一些问题，我用简单的代码向您展示了这一点
Java远程调试——性能
这个问题在这里已经有了答案: Will Java app slow down by presence of -Xdebug or only when stepping through code? (
Javascript with() 性能
我记得很久以前读过 with() 对 JavaScript 有一些严重的性能影响，因为它可能对范围堆栈进行非确定性更改。我很难找到最近对此的讨论。这仍然是真的吗？最佳答案与其说 with 对性能有
MySQL 性能
我们有一个数据仓库，其中包含非规范化表，行数从 50 万行到 6 多万行不等。我正在开发一个报告解决方案，因此出于性能原因我们正在使用数据库分页。我们的报告有搜索条件，并且我们已经创建了必要的索引，但
mysql - 性能
我有一条有效的 SQL 语句，但需要很长时间才能处理我有一个 a_log 表和一个 people 表。我需要在 people 表中找到给定人员的每个 ID 的最后一个事件和关联的用户。 SELECT
JavaScript 性能
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
CSS 性能
通常当我建立一个站点时，我将所有的 CSS 放在一个文件中，并且一次性定义与一组元素相关的所有属性。像这样: #myElement { color: #fff; background-
CSS 性能
两者之间是否存在任何性能差异: p { margin:0px; padding:0px; } 并省略最后的分号: p { margin:0px; padding:0px } 提前致谢!
PHP高精数学-性能
我的应用程序 (PHP) 需要执行大量高精度数学运算(甚至可能出现一共100个数字) 通过这个论坛的最后几篇帖子，我发现我必须使用任何高精度库，如 BC Math 或 GMP，因为 float 类型不
Javamail 性能
我一直在使用 javamail 从 IMAP 服务器(目前是 GMail)检索邮件。 Javamail 非常快速地从服务器检索特定文件夹中的消息列表(仅 id)，但是当我实际获取消息(仅包含甚至不包含
ruby 性能
我非常渴望开发我的第一个 Ruby 应用程序，因为我的公司终于在内部批准了它的使用。在我读到的关于 Ruby v1.8 之前的所有内容中，从来没有任何关于性能的正面评价，但我没有发现关于 1.9 版
redis结构、性能
我是 Redis 的新手，我有一个包含数百万个成员(member) ID、电子邮件和用户名的数据集，并且正在考虑将它们存储在例如列表结构中。我认为 list 和 sorted set 可能最适合我的情

首页

博学

6Ren·AI

商城

javascript - JavaScript "Factory Design Pattern"中的性能优化