JavaScript优秀实践之改进类

 使用默认参数和属性缩写，清理我们的JavaScript代码很容易。

阆中ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

在本文中，我们将探讨创建类的优秀做法以及何时创建类。

构造函数

为了让我们的构造函数更好地发挥作用，我们应该做一些事情。它们是：

如果可能的话，初始化所有构造函数中的所有成员数据

我们应该将它们全部放入构造函数中，以便在实例化对象时将它们全部初始化。

所以我们可以这样写：

 
 
    
  
  
  1. class Person { 
    2. 
  
  
  2.   constructor(name) { 
    3. 
  
  
  3.     if (this.instance) { 
    4. 
  
  
  4.       this.instance = { 
    5. 
  
  
  5.         name 
    6. 
  
  
  6.       } 
    7. 
  
  
  7.     } 
    8. 
  
  
  8.     return this.instance; 
    9. 
  
  
  9.   } 
    10. 
  
  
  10. } 
    11.

现在我们确保所有的东西都用一个值初始化了。

在构造函数中创建一个单例

如果我们只需要一个构造函数的一个实例，那么我们可以创建一个实例。

例如，我们可以编写以下代码：

 
 
    
  
  
  1. class Person { 
    2. 
  
  
  2.   constructor(name) { 
    3. 
  
  
  3.     if (this.instance) { 
    4. 
  
  
  4.       this.instance = { 
    5. 
  
  
  5.         name 
    6. 
  
  
  6.       } 
    7. 
  
  
  7.     } 
    8. 
  
  
  8.     return this.instance; 
    9. 
  
  
  9.   } 
    10. 
  
  
  10. } 
    11.

在上面的代码中，如果 this.instance 还没有定义，我们返回我们创建的对象。

否则，我们将返回设置为 this.instance 的任何内容。

优先使用深度拷贝而不是浅拷贝

深度拷贝会复制所有内容，因此比浅层复制要好得多，浅拷贝会留下一些引用原始对象的东西。

如果我们想要真正的副本，那就不好了。

因此，我们必须编写代码来制作深层副本，如下所示：

 
 
    
  
  
  1. const copy = obj => { 
    2. 
  
  
  2.   const copied = { 
    3. 
  
  
  3.     ...obj 
    4. 
  
  
  4.   }; 
    5. 
  
  
  5.   for (const k of Object.keys(obj)) { 
    6. 
  
  
  6.     if (typeof obj[k] === 'object') { 
    7. 
  
  
  7.       copied[k] = { 
    8. 
  
  
  8.         ...copied[k] 
    9. 
  
  
  9.       }; 
    10. 
  
  
  10.       copy(copied[k]); 
    11. 
  
  
  11.     } 
    12. 
  
  
  12.   } 
    13. 
  
  
  13.   return copied; 
    14. 
  
  
  14. } 
    15.

如果发现嵌套对象，我们只使用扩展运算符来复制嵌套对象，并递归执行相同的操作。

然后，我们返回我们复制的对象。

我们什么时候应该创建一个类?

我们不应该总是创建类。在一些场景中，创建一个类是有意义的。

模拟现实世界的对象

类非常适合建模真实世界的对象，因为它们可以建模对象的行为。

它们允许我们将实例变量和方法封装到一个包中，分别存储状态和对对象执行操作。

建模抽象对象

同样，我们可以使用类对抽象对象进行建模。

它们可以用来进行抽象，抽象是对不同类型对象的概括。

类非常适合存放子类的共享成员，子类可以继承它们。

但是，我们应该保持继承树的简单性，这样人们就不会被代码弄糊涂了。

降低复杂度

我们可以使用类来降低程序的复杂性。

类非常适合隐藏信息。在JavaScript中，类中还没有私有变量，因此我们必须在方法中隐藏数据。

这样我们就可以最小化程序不同部分之间的耦合。

隐藏实现细节

方法也适合隐藏实现细节。

我们可以把细节隐藏在方法中，只运行需要的东西。

为此，我们可以在方法内部嵌套函数和变量。

限制变化的副作用

由于我们可以隐藏事物，因此可以减少更改的影响。

与隐藏实现一样，可以通过在方法内限制更改的影响来隔离更改的影响。

隐藏全局数据

通过将全局数据放入类的方法中，它们可以成为私有数据。

这样，他们就不必向公众公开。我们要做的就是使用 let 和 const 在方法中声明它们。

简化参数传递

如果我们将相同的参数传递给不同的函数，则可以将参数更改为实例变量，将函数更改为方法。

例如，如果我们有：

 
 
    
  
  
  1. const speak = (name) => `${name} spoke`; 
    2. 
  
  
  2. const greet = (name) => `hi, ${name}`; 
    3.

然后，我们可以将方法放入自己的类中，如下所示：

 
 
    
  
  
  1. class Person { 
    2. 
  
  
  2.   constructor(name) { 
    3. 
  
  
  3.     this.name = name; 
    4. 
  
  
  4.   } 
    5. 
  
  
  5.   speak() { 
    6. 
  
  
  6.     return `${this.name} spoke`; 
    7. 
  
  
  7.   } 
    8. 
  
  
  8.   greet() { 
    9. 
  
  
  9.     return `hi, ${this.name}`; 
    10. 
  
  
  10.   } 
    11. 
  
  
  11. } 
    12.

现在，我们不必在任何地方传递 name。

我们只需要创建一个 Person 实例，并调用这些方法而无需传入任何参数。

总结

我们可以创建类来封装数据并将内容打包在一起。但是，我们不应该为所有内容创建类。

另外，我们应该尽可能深拷贝而不是浅拷贝。

网站题目：JavaScript优秀实践之改进类
转载源于：http://www.mswzjz.cn/qtweb/news8/252108.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能

贝锐智能技术为您推荐以下文章

标签优化知识

行业网站建设

巴彦网站建设　　 　成都微信小程序开发　　 　响应式网站　　 　天泽尚品装饰　　 　成都租用服务器　　 　重庆托管服务器　　 　wap网站建设　　 　云服务器　　 　绵阳托管服务器　　 　营销网站建设　　 　四川发电机维修　　 　网站seo优化　　 　商标注册　　 　手机网站制作　　 　化妆品企业网站建设方案　　 　泸县网站建设　　 　H5网站制作　　 　成都柴油发电机组　　 　免备案空间　　 　成都公司注册代办