为什么/如何在 JavaScript 中使用对象？

Question

我了解如何实例化对象并调用它们，但我就是找不到在脚本中使用它们的理由。我可以这样做

var obj = {
    hi: function() {
        return "Hello";
    }
}; 

，但为什么我不能以同样的方式这样做：

function hi() {
    return "Hello";
}

我也从来不明白为什么我应该使用原型设计。我在 JavaScript 中所做的大部分事情无需对象也能做得很好。但我想使用对象。对象的用途是什么以及我应该使用它们的原因是什么？

Answer 1

例如，对象可用于将属于在一起的值制成单个单位。示例：

function Person(firstName, lastName, gender, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.gender = gender;
  this.age = age;
}

Person.prototype = {
  getFullName: function() { return this.firstName + ' ' + this.lastName; },
  isMale: function() { return this.gender == 'Male'; },
  isFemale: function() { return this.gender == 'Female'; }
};

var amanda = new Person('Amanda', 'Smith', "Female", 42);
var john = new Person('John', 'Doe', 'Male', 72);

alert(amanda.getFullName());
alert(john.isMale());

与结构较少的相比：

function getFullName(firstName, lastName) {
  return firstName + ' ' + lastName;
}

function isMale(gender) {
  return gender == 'Male';
}

function isFemale(gender) {
  return gender == 'Female';
}

var amandaFirstName = 'Amanda';
var amandaLastName = 'Smith';
var amandaGender = 'Female';
var amandaAge = 42;
var johnFirstName = 'John';
var johnLastName = 'Doe';
var johnGender = 'Male';
var johnAge = 72;

alert(getFullName(amandaFirstName, amandaLastName));
alert(isMale(johnGender));

Answer 2

对象很有用，因为

1. 它们是有状态的。
2. 它们可以存储字符串和数据之间的关系。
3. 通过将问题分解为收集相关操作和状态的对象，可以更轻松地分解问题。

如果您不需要非全局状态，不需要查找表，并且您的问题很小或更容易在功能上分解，那么不要使用对象。

Answer 3

如果没有您所指的对象，您将到处都有松散的功能。这通常会导致代码非常难以维护。至少，对象使您能够将函数集中在一起以模拟命名空间——而且这是最低限度的。

Answer 4

在您的简单示例中，编写半“类”/对象来保存该方法确实没有意义。但是，当您的代码增长时，您会获得越来越多的函数和方法，您并不真的希望将它们全部放在一个大（全局）命名空间中。这是不可能维护的，没有人会理解该代码，包括你在内。

这是将方法包装在对象/“类”中的第一个充分理由。另一个很好的理由是可重用性。如果您正在编写能够继承其方法的对象，则可以重新创建另一个对象并从那里抽象它。最简单的概念，但如果您将应用程序中的“事物”描述为模块/对象，则需要使用它。

Answer 5

它试图模拟 OOP 范式，仅此而已。有多种方法可以做到这一点。但问问自己，“hi”是否属于“obj”，或者它可以是一个独立的函数吗？这完全取决于函数与对象的相关程度。该函数是否需要访问对象私有变量等？

Answer 6

这不是一个“Javascript 中的对象”，而是一个“一般的对象”问题。

我想说的是最相关的 Javascript。Javascript 与对象相关的唯一特定之处是它们在命名空间时的巧妙使用。例如，大多数 Javascript 库都包含所有内容他们的东西在单个对象中以避免名称空间冲突：

dojo.create( ... )
dojo.connect( ... )

至于为什么 OOP 的其他问题，我认为 OOP 擅长两个基本的事情（通用的，愚蠢的，示例如下）：

1. 动态调度 - 摆脱“ifs” ”并将责任放在其所属的位置

   当您查看包含大量“开关”的代码时：

   函数 doStuff(动物){
       如果动物是老虎：
           print_tiger_roar();
      否则如果动物是牛
           print_cow_moo();
   
      如果动物是老虎：
           print_tiger_wants_meat();
      否则如果动物是牛
           打印cow_wants_grass();
   

   将每种不同类型的行为捆绑在不同类型的对象中并使用动态调度可能是一个好主意：

   函数 doStuff(动物):
      动物.print_speak();
      动物.print_food_type();
   

   现在，如果您将来想出另一种动物，您无需查看代码来添加它 - 您所需要做的就是使用适当的 print_speack 和 print_food_type 方法创建一个新类其余代码不会注意到任何事情。

2. 继承+重用方法

   在普通的 OO 语言中，每个对象都存储（并消耗内存）其实例变量，而所有方法 + 静态变量都由类存储在单个位置。 Javascript 没有类，但它有原型，并且它们最终提供相同的基本功能。

Answer 7

关于“为什么”部分的一些一般想法：

对象的存在是为了通信。这是参与项目的每个人的通用词汇。人们习惯于操作事物（对象）及其操作（消息或方法），而不仅仅是使用互不相关的操作（功能）。