强迫症福音：函数整理成类的5个原因

全文共 2072 字，预计学习时长 8 分钟

图源：unsplash

不同函数具有不同的地位，类本质上是以某种方式相互关联的函数族。特定范围内二者具有共性，其工作内容也可能存在相似之处。

但无论如何，有时最好将函数作为方法编写于对象中。即使乍眼一看不是如此，但事实上JavaScript本身是基于对象的概念构建的。

类是如何工作的？为何要将函数转换为对象？下面5点将给出答案。

JavaScript中类的快速入门

JavaScript中的类是一种函数，正常情况下，您会这么写：

function catName(){
   console.log("Tibbers");
}

也可以用箭头表示法：

catName = () =>console.log("Tibbers");

这么做当然没有问题，但如果你有一堆与猫相关的函数，并想将它们附加到某个实例上呢？如果想操作时不需找出并告知代码具体实例目标，又该怎么做呢？

这就是“类”派上用场的地方。

图源：unsplash

类通常有两部分：属性（attributes）和方法（methods）。 属性定义类的特定实例值。方法对这些属性执行特定操作。 属性 在 构造函数 中设置， 方法 通常以函数的形式出现在类中。

因此，“类”可能如下所示：

class Cat{
  constructor(name, age, sound){  
      this.name = name;
      this.age = age;
      this.sound = sound;
  } speak = () => console.log(this.sound);  name = () => console.log( hello, my nameis   + this.name);  age = () =>console.log( I am   + this.age);
}

这基本囊括了JavaScript中80％的类。另外20%涉及扩展和构造类的不同方法，这超出了本文的讨论范围。我们试图回答的问题是——为何应将函数整理成类，而非仅将其作为独立代码。

有组织性的函数更实用

函数的目的是为代码创建范围和边界。当您编写函数时，实际上是在对解释器说——嘿，我想要打包使用一些东西。编写类的过程实质上是在为你的代码创建另一层次的组织。

高效实用的代码取决于用户用编程语言组织和传达思想的能力。而由于JavaScript编程语言的组织松散，代码容易陷入混乱无序状态。 用户可以通过多种方式编写相同的内容，代码仍起作用。

所以将函数整理成类的问题其实是一个组织问题。函数是一种组织方法，类正好使它进一步发展。

图源：unsplash

防止突变

有一个误解，当您想保护变量不受突变影响时，需要阻止其更改。

然而，变异与变量的形状有关，而非实际变量本身。变量的值可以更改，而形状不能。

例如，查看以下对象：

Tibbers = { name:"Tibbers", type: "cat", color: "ginger" }

当前形式的对象不受突变保护，因为你可以这样做：

Tibbers.owner = "Aphinya";

通过添加另一个密钥对值，可以更改对象的形状。但是，如果使用类将对象Tibbers实例化，则可以防止这种情况。 你可以尝试传递一个新值，但它不会起任何作用。

图源：unsplash

为何防止突变如此重要？当数据的形状无法更改时，它将在代码的函数上产生高度的确定性——使其在方法上更具功能性，并减少了在其他地方使用该对象时潜在的副作用。

一切基于对象

JavaScript是基于原型的思想构建的。这意味着您的代码以单个全局作用域开始，该作用域分解为更小的环网作用域，也可以分解为更小的作用域。 图表形式如下所示：

属性从父级继承到子级。

因此，当位于链下游的某个对象想要某物时，它会向其父对象索要。如果父级没有，则该进程将继续沿链向上运行，直到找到或返回未定义的进程为止。

独立函数则没有这种能力，因为它没有遍历属性的链。函数本质上位于窗口对象上，只能访问全局作用域。

为什么不将所有内容都设置为全局范围？

由于您不需要遍历所有的值，一旦用JavaScript声明了全局作用域，大多数情况下它不会消失。如果附加到该变量的数据相当大，则会由于内存空间不足而降低应用程序的速度和高效处理事物的能力。

将函数容器化、模块化

任何东西都有可能模块化。实用模块化与逻辑推理和特定想法的紧密程度有关。任何人都可以说其代码是模块化的。你可以把你的代码放在一个函数里，然后指出它的模块化特征。

然而，当使用“类”时，您将系统地使用强制结构和内聚思想来处理模块化。从本质上讲，您是在对代码进行容器化并整理其功能，从而实现系列相关特性。

因为这就是“类”的方法——基于它们所执行函数的集合。

JavaScript面向对象

JavaScript是一种具有动态类型的多范式语言。多范式意味着它不仅仅局限于单一的意识形态来构建逻辑。

图源：unsplash

这意味着JavaScript不是纯功能，也不是纯面向对象。它是一种语言，允许您混合使用并匹配编写、组织代码的方法，从而灵活地适应逻辑需求和条件。

JavaScript面向对象的设计特性遵循基于原型的方法，这意味着可以使用类进行继承。JavaScript使用函数方法和对象构造，这意味着将函数特性和功能整合到类中是以一种相互关联的方式进行逻辑排列和业务规则介绍。

小结

将相关函数整合于类并将其转换为显式的面向对象模式，有助于提高代码的模块性和长期重复使用率。

与尝试跟踪作用域和继承相比，在不同代码段之间设立的清晰边界和现有关系也可以更快地识别问题区域和逻辑缺陷。

所以，不是所有代码都必须是“类”，但很多编写的代码应该是“类”。

推荐阅读专题

留言点赞发个朋友圈

我们一起分享AI学习与发展的干货

编译组：吴亚芳、李韵帷

相关链接：

https://medium.com/javascript-in-plain-english/5-reasons-why-you-should-collate-your-functions-into-a-class-4928e6ab77cd

如转载，请后台留言，遵守转载规范

推荐文章阅读