Welche Tricks kennen Sie, um den CoffeeScript-Code zu verkürzen?

CoffeeScript ist eine Sprache, die in JavaScript kompiliert wird ("transpiliert" in ES3, um genau zu sein). Die goldene Regel lautet "Es ist nur JavaScript", was bedeutet, dass kein Laufzeitaufwand entsteht. Die meisten Tipps und Tricks zu JavaScript gelten ebenfalls.

Als Nebeneffekt bedeutet dies auch: Entwickler aus JavaScript (einschließlich meiner selbst) verwenden in der Regel JavaScript-Konstrukte anstelle kürzerer CoffeeScript-Alternativen.

Dieser Thread konzentriert sich auf Tipps, die für CoffeeScript spezifisch sind.

Links zu verwandten Themen:

Tipps zum Golfen in JavaScript

Tipps zum Golfen in ECMAScript 6 und höher

Verwenden Sie Destrukturierungszuweisungen, wenn häufig Strukturelemente verwendet werden

Z.B. Elemente des ersten Argumentarrays abrufen

func = ([x,y,z])->
    [i,j] = doSomething x, y, x+y
    doSomethingElse i, j

# instead of

func = (a)->
    b = doSomething a[0], a[1], a[0]+a[1]
    doSomethingElse b[0], b[1]

Dies kann mit Splats kombiniert werden

[first, rest..., last] = doSmth()

Kurzschlussauswertung anstelle des ternären Bedieners

CoffeeScript verfügt nicht über den ternären Operator von JavaScript. Manchmal kann jedoch stattdessen ?die Funktionalität der Kurzschlussbewertung verwendet werden:

foo = a && b || c

# Long form:
foo = if a then b else c

Ist etwas äquivalent zu in JavaScript:

foo = a ? b : c

Es funktioniert nicht , wenn b ein falscher Wert ist (oder auswerten kann), wie z 0.

Integer Division Operator //

Spart bis zu 10 Bytes, da beim Teilen keine Floor-Nummern erforderlich sind.

Verwenden des //Operators:

foo = 61/3                 # foo = 20.333333333333332
foo = Math.floor 61/3      # foo = 20 (15 bytes)
foo = 61/3|0               # foo = 20 (6 bytes)
foo = 61//3                # foo = 20 (5 bytes)

Im Vergleich zu JavaScript:

foo = 61/3                // foo = 20.333333333333332
foo = Math.floor(61/3)    // foo = 20 (16 bytes)
foo = 61/3|0              // foo = 20 (6 bytes)

Lassen Sie nach Möglichkeit Klammern weg

func1 func2 func3(a),func3 b

#instead of

func1(func2(func3(a),func3(b))

Nicht nullaber möglicherweise falsy ( 0, NaN, "", false, etc.)

Wenn Sie überprüfen müssen, ob eine Variable definiert ist und nicht null, verwenden Sie das nachfolgende Fragezeichen:

alert 'Hello world!'if foo?

Kompiliert zu:

if (typeof foo !== 'undefined' && foo !== null) {
    alert('Hello world!')
}

Dies gilt wahrscheinlich nicht für viele Code-Golf-Einträge, kann jedoch nützlich sein, wenn Sie von einer Null, einer falschen, einer leeren Zeichenfolge oder einem anderen falschen Wert unterscheiden müssen.

Potenzierungsoperator **

Spart 9 Bytes:

foo = 2**6
# foo = 64

Im Vergleich zu JavaScript:

foo = Math.pow(2,6)
// foo = 64

Arrays suchen

Speichern Sie ungefähr 8 Bytes, wenn Sie nur überprüfen möchten, ob sich ein Element in einem Array befindet. Sie können den inOperator verwenden.

y = x in['foo', 'bar', 'baz']

Im Vergleich zu Alternativen in JavaScript:

y = ~['foo', 'bar', 'baz'].indexOf(x)   // ES5, returns Number
y = ['foo', 'bar', 'baz'].includes(x)   // ES7, returns boolean
y = ~$.inArray(x,['foo', 'bar', 'baz']) // jQuery, returns Number

In dem seltenen Fall, dass Sie den Index des Elements benötigen, funktioniert dieser Trick jedoch nicht für Sie.

Platz macht Spaß. Der Speicherplatz ist für das Aufrufen von Funktionen von Bedeutung

a=b[i]  # get i-th element of array b
a=b [i] # a = b( [i] ) # pass [i] to function b

m=n+k   # simple math
m=n +k  # m = n( +k ) # convert k to number and pass to function n
m=n -k  # m = n( -k ) # pass -k to function n
m=n + k # simple math again


a(b c)+d   # a( b( c ) ) + d
a (b c)+d  # a( b( c ) + d )
a (b c) +d # a( b( c )( +d ) )

Verwenden Sie Splats

obj.method a, params...

# instead of

obj.method.apply obj, [a].concat params

# especially useful with new objects

obj = new Obj a, params...

# alternative is complicated, unreadable and not shown here.

Sichere Accessoren: ?.undfunc? args...

Existenzieller Operator ?hat viele Formen und Verwendungen. Abgesehen davon, dass nur geprüft wird, ob eine Variable festgelegt ist, können Sie auf Objektmethoden und -eigenschaften zugreifen, ohne vorher zu prüfen, ob das Objekt null ist:

obj.property?.method? args...

wird obj.property.method args...nur ausgeführt, wenn obj.propertyund obj.property.methoddefiniert sind und nicht null.

Nützlich, wenn Sie mehrere spärliche Arrays gleichzeitig durchlaufen:

arr1[i]?.prop = arr2[i]?.method? args... for i in[0..99]