JavaScript

[ericltw]

Module

• Module

  module是可複用的代碼，封裝了實現的細節，公開API，因此可以被其他代碼加載和使用。

• Module format

  module format定義module的語法。在ES6釋出之後，JavaScript才有了原生定義module的語法，因此在ES6以前，有多種非原生定義module的語法，像是AMD, CommonJS, UMD, System.register。

• Module loader

  module loader在runtime解釋並加載以某種module format編寫的module，像是RequireJS, SystemJs。

• Module bundler

  module bundler取代module loader，module bundler在build time生成a bundle of all code，像是Browserify, Webpack。

在tsconfig.json中，其中一個compiler options為module，這個module選項其實就是module format，讓開發者能夠設定compiler轉換TypeScript生成的JavaScript是以哪一種module format實現module。

Reference

• https://www.jvandemo.com/a-10-minute-primer-to-javascript-modules-module-formats-module-loaders-and-module-bundlers/
• https://www.freecodecamp.org/news/javascript-modules-a-beginner-s-guide-783f7d7a5fcc/

[ericltw]

Decorators

介紹

Decorator本質上是一個function，執行以下兩件事情：

• Decorator接受一個參數（將被裝飾的function）。
• return同一個function，但被添加功能。

Reference

• https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841#.x5c2ndtx0
• https://www.sitepoint.com/javascript-decorators-what-they-are/

[ericltw]

Object // TODO

介紹

• key: value pair的集合

• 在JavaScript中，除了primitive types， 都是object。

• 包含array, function, objects。

Reference

• https://javascript.info/object

[ericltw]

Prototype // TODO

目的

object透過prototype關聯其他object。

特性

• 幾乎每個object都會link到另一個object。

• object自prototype ancestry繼承property和method。

• prototype在object生成時會自動分配到object。

• 能夠定義object prototype。

Reference

• Prototypes in JavaScript

  https://medium.com/better-programming/prototypes-in-javascript-5bba2990e04b

• JavaScript Question: What is a Prototype?

  https://www.youtube.com/watch?v=EatF4GfENiQ

• Matser JavaScript Prototypes & Inheritance

  https://codeburst.io/master-javascript-prototypes-inheritance-d0a9a5a75c4e

[ericltw]

The Modern JavaScript Tutorial

• https://javascript.info/