CoffeeScript - 对象

CoffeeScript 中的对象类似于 JavaScript 中的对象。它们是属性的集合，其中属性包括一个键和一个值，用分号 (;) 分隔。简而言之，CoffeeScript 对象是键值对的集合。对象用花括号定义，空对象表示为 {}。

语法

以下是 CoffeeScript 中对象的语法。在这里，我们将对象的键值对放在花括号内，并用逗号 (,) 分隔。

object ={key1: value, key2: value,......keyN: value}

示例

以下是定义 CoffeeScript 对象的示例。将此代码保存在名为 objects_example.coffee 的文件中。

student = {name: "Mohammed", age: 24, phone: 9848022338 }

打开命令提示符并编译 .coffee 文件，如下所示。

> coffee -c objects_example.coffee

编译后，它会生成以下 JavaScript 代码。

// Generated by CoffeeScript 1.10.0
(function() {
  var student;

  student = {
    name: "Mohammed",
    age: 24,
    phone: 9848022338
  };

}).call(this);

就像数组一样，我们可以通过在新行中指定键值对来移除逗号，如下所示。

student = {
  name: "Mohammed" 
  age: 24
  phone: 9848022338 
  }

缩进代替花括号

就像 CoffeeScript 中的其他块语句一样，我们可以使用缩进代替花括号 {}，如下例所示。

示例

我们可以像下面这样重写上面的示例，不使用花括号。

student = 
  name: "Mohammed" 
  age: 24
  phone: 9848022338

嵌套对象

在 CoffeeScript 中，我们可以在对象中嵌套对象。

示例

以下示例演示了 CoffeeScript 中的嵌套对象。将此代码保存在名为 nested_objects.coffee 的文件中。

contact =
  personal:
    email: "personal@gmail.com"
    phone:  9848022338
  professional:
    email: "professional@gmail.com"
    phone:  9848033228

打开命令提示符并编译 .coffee 文件，如下所示。

> coffee -c nested_objects.coffee

编译后，它会生成以下 JavaScript 代码。

// Generated by CoffeeScript 1.10.0
(function() {
  var contact;

  contact = {
    personal: {
      email: "personal@gmail.com",
      phone: 9848022338
    },
    professional: {
      email: "professional@gmail.com",
      phone: 9848033228
    }
  };

}).call(this);

对象上的列表推导式

要迭代对象的內容，可以使用列表推导式。迭代对象的內容与迭代数组的內容相同。在对象中，由于我们必须检索两个元素键和值，我们将使用两个变量。

示例

以下是一个示例，演示如何使用列表推导式迭代对象的內容。将此代码保存在名为 object_comprehensions.coffee 的文件中。

student = 
  name: "Mohammed" 
  age: 24
  phone: 9848022338 

console.log key+"::"+value for key,value of student

打开命令提示符并编译 .coffee 文件，如下所示。

> coffee -c object_comprehensions.coffee

编译后，它会生成以下 JavaScript 代码。

// Generated by CoffeeScript 1.10.0
(function() {
  var key, student, value;

  student = {
    name: "Mohammed",
    age: 24,
    phone: 9848022338
  };

  for (key in student) {
    value = student[key];
    console.log(key(+"::" + value));
  }

}).call(this);

现在，再次打开命令提示符并运行 CoffeeScript 文件，如下所示。

> coffee object_comprehensions.coffee

执行后，CoffeeScript 文件会产生以下输出。

name::Mohammed
age::24
phone::9848022338

对象数组

在 CoffeeScript 中，数组也可以包含对象，如下所示。

  a = [
     object1_key1: value
     object1_key2: value
     object1_key3: value
  ,
     object2_key1: value
     object2_key2: value
     object2_key3: value
]

以下示例显示如何定义对象数组。我们可以通过逗号 (,) 分隔来列出我们想要在数组中的对象的键值对。

students =[  
    name: "Mohammed" 
    age: 24
    phone: 9848022338 
  ,  
    name: "Ram" 
    age: 25
    phone: 9800000000 
  ,  
    name: "Ram" 
    age: 25
    phone: 9800000000   
 ]  
console.log student for student in students

打开命令提示符并编译 .coffee 文件，如下所示。

c:\> coffee -c array_of_objects.coffee

编译后，它会生成以下 JavaScript 代码。

// Generated by CoffeeScript 1.10.0
(function() {
  var i, len, student, students;

  students = [
    {
      name: "Mohammed",
      age: 24,
      phone: 9848022338
    }, {
      name: "Ram",
      age: 25,
      phone: 9800000000
    }, {
      name: "Ram",
      age: 25,
      phone: 9800000000
    }
  ];

  for (i = 0, len = students.length; i < len; i++) {
    student = students[i];
    console.log(student);
  }

}).call(this);

现在，再次打开命令提示符并运行 CoffeeScript 文件，如下所示。

c:\> coffee array_of_objects.coffee

执行后，CoffeeScript 文件会产生以下输出。

{ name: 'Mohammed', age: 24, phone: 9848022338 }
{ name: 'Ram', age: 25, phone: 9800000000 }
{ name: 'Ram', age: 25, phone: 9800000000 }

保留字

JavaScript不允许使用保留字作为对象的属性名，如果我们想使用它们，必须用双引号" "括起来。

示例

考虑以下示例。这里我们创建了一个名为class的属性，它是一个保留字。将此代码保存在名为 reserved_keywords.coffee 的文件中。

student ={ 
  name: "Mohammed" 
  age: 24
  phone: 9848022338
  class: "X"
  }
console.log key+"::"+value for key,value of student

打开命令提示符并编译 .coffee 文件，如下所示。

c:\> coffee -c reserved_keywords.coffee

编译后，它会生成以下 JavaScript 代码。在这里您可以看到，CoffeeScript 编译器代表我们用双引号将关键字 class 括起来了。

// Generated by CoffeeScript 1.10.0
(function() {
  var key, student, value;

  student = {
    name: "Mohammed",
    age: 24,
    phone: 9848022338,
    "class": "X"
  };

  for (key in student) {
    value = student[key];
    console.log(key + "::" + value);
  }

}).call(this);

现在，再次打开命令提示符并运行 CoffeeScript 文件，如下所示。

c:\> coffee array_of_objects.coffee

执行后，CoffeeScript 文件会产生以下输出。

name::Mohammed
age::24
phone::9848022338
class::X

打印页面