CoffeeScript是一种运行在JavaScript引擎上的编程语言，它简洁而优雅的语法让前端开发变得更加愉快和高效。如果你已经掌握了CoffeeScript的基础知识，并希望进一步提升你的技能水平，那么这篇中级指南将对你有所帮助。
1. 函数
函数定义
在CoffeeScript中，函数的定义非常简单。你可以使用->关键字来定义一个匿名函数，或者使用= (args) ->来定义一个具名函数。
# 定义匿名函数
anonymousFunc = ->
console.log('这是一个匿名函数')
# 定义具名函数
namedFunc = (arg1, arg2) ->
console.log('Hello, CoffeeScript!')
# 调用函数
anonymousFunc()
namedFunc('arg1', 'arg2')
默认参数值
你可以为函数定义默认参数值，这样在调用函数时不必为每个参数提供值。
printInfo = (name = 'Guest', age = 18) ->
console.log("姓名：#{name} 年龄：#{age}")
printInfo() # 输出：姓名：Guest 年龄：18
printInfo('Alice', 25) # 输出：姓名：Alice 年龄：25
可变参数
在定义函数时，你可以使用...语法来表示参数是可变数量的。这样在调用函数时可以传入任意数量的参数。
sum = (args...) ->
total = 0
for arg in args
total += arg
console.log("和：#{total}")
sum(1, 2, 3) # 输出：和：6
sum(10, 20, 30, 40) # 输出：和：100
箭头函数
CoffeeScript还提供了箭头函数的语法，它使用=>来定义函数。与普通函数不同的是，箭头函数的this指向定义时的上下文，而不是调用时的上下文。
obj =
name: 'Alice'
sayName: ->
console.log("我的名字是#{this.name}")
# 使用箭头函数定义方法
obj.sayHello = => console.log("Hello, #{this.name}")
obj.sayName() # 输出：我的名字是Alice
obj.sayHello() # 输出：Hello, Alice
2. 类
类定义
在CoffeeScript中，你可以使用class关键字来定义类。类的成员可以使用@前缀表示类的实例变量或方法。
class Person
constructor: (name, age) ->
@name = name
@age = age
sayHello: ->
console.log("Hello, my name is #{@name}")
alice = new Person('Alice', 25)
alice.sayHello() # 输出：Hello, my name is Alice
继承
CoffeeScript支持类的继承，你可以使用extends关键字来实现类的继承。
class Student extends Person
constructor: (name, age, grade) ->
super(name, age)
@grade = grade
sayHello: ->
super()
console.log("I'm a student in grade #{@grade}")
bob = new Student('Bob', 18, 10)
bob.sayHello() # 输出：Hello, my name is Bob，I'm a student in grade 10
3. 数组和对象
数组解构
CoffeeScript中支持使用数组解构来快速获取数组中的元素。
arr = [1, 2, 3]
[first, second, third] = arr
console.log("第一个元素：#{first}，第二个元素：#{second}，第三个元素：#{third}")
对象解构
类似于数组解构，CoffeeScript还支持对象解构。
obj = {name: 'Alice', age: 25}
{name, age} = obj
console.log("姓名：#{name}，年龄：#{age}")
对象展开
在创建新的对象时，你可以使用对象展开来复制一个对象的属性。
obj1 = {name: 'Alice', age: 25}
obj2 = {...obj1, gender: 'female'}
console.log(obj2) # 输出：{name: 'Alice', age: 25, gender: 'female'}
对象方法的简写
定义类的方法时，你可以使用简写的语法。
obj =
name: 'Alice'
age: 25
sayHello: ->
console.log("Hello, I'm #{ @name }")
4. 模块导出与导入
CoffeeScript支持使用export关键字来导出变量、函数或类。导出的模块可以在其他文件中通过import来引入。
# 定义模块
export const PI = 3.1415
export function square(x)
return x * x
export class Circle
constructor: (radius) ->
@radius = radius
area: ->
return PI * @radius * @radius
# 导入模块
import { PI, square, Circle } from './math'
console.log(PI) # 输出：3.1415
console.log(square(2)) # 输出：4
const circle = new Circle(3)
console.log(circle.area()) # 输出：28.2735
这篇中级指南只是CoffeeScript的冰山一角，希望对你进一步探索CoffeeScript的世界有所帮助。祝你在前端开发中取得更大的成就！
本文来自极简博客，作者：碧海潮生，转载请注明原文链接：CoffeeScript中级指南
