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