又LAG隨性筆記
  • 關於我
  • 作品集
  • 生活隨筆
  • 與我聯絡
  • 隨手扎

隨手扎

February 28, 2020

7天搞懂JS進階議題(day06)-yield & yield*: 生成器

本系列文章討論JS 物件導向設計相關的特性。 不含CSS,不含HTML!
建議先有些JS基礎再繼續閱讀。
你也可以看看從零開始遲來的Web開發筆記
雖然是「7天寫作松」挑戰,但同樣可以視為系列後續文章

No CSS! No HTML! No Browser!
Just need programming language


今天會往物件導向外頭邁出一步。是的,到昨天已經差不多把JS物件導向介紹的差不多了。那今天的主題是什麼呢?生成器(generator)。這個類型的建立與使用,和普通的JS類別有些不同,來看看吧!

生成器(generator)

什麼是生成器(generator)?簡單說就是一個 序列工廠 ,你跟他要東西他就給你東西,直到原料不足無法生產。

February 27, 2020

7天搞懂JS進階議題(day05)-getter & setter: 屬性描述器

本系列文章討論JS 物件導向設計相關的特性。 不含CSS,不含HTML!
建議先有些JS基礎再繼續閱讀。
你也可以看看從零開始遲來的Web開發筆記
雖然是「7天寫作松」挑戰,但同樣可以視為系列後續文章

No CSS! No HTML! No Browser!
Just need programming language


有了物件然後呢?
今天來說說關於成員(field/attribute/member)背後的屬性。

getter & setter

有一個家族– 神崎家 ,生了一個小孩叫 アリア ,但生下後被 りこ 偽裝,被發現後重新命名為 アリア。

如有雷同存屬巧合

February 26, 2020

7天搞懂JS進階議題(day04)-Class & Constructor: 吃語法糖別噎到

本系列文章討論JS 物件導向設計相關的特性。 不含CSS,不含HTML!
建議先有些JS基礎再繼續閱讀。
你也可以看看從零開始遲來的Web開發筆記
雖然是「7天寫作松」挑戰,但同樣可以視為系列後續文章

No CSS! No HTML! No Browser!
Just need programming language


現在你應該已經有發車前的基礎準備了。繫緊安全帶,撈思跡要踩油門加速了!

關於class這個關鍵字,JS將其作為保留字好一段時間,直至ES6標準的制定,再經過瀏覽器漫長的實做,至今才有class的語法糖可以使用。

February 25, 2020

7天搞懂JS進階議題(day03)-Function & Object: 關於Prototype Chain繼承

本系列文章討論JS 物件導向設計相關的特性。 不含CSS,不含HTML!
建議先有些JS基礎再繼續閱讀。
你也可以看看從零開始遲來的Web開發筆記
雖然是「7天寫作松」挑戰,但同樣可以視為系列後續文章

No CSS! No HTML! No Browser!
Just need programming language


Prototype

有人說:「在寫JVM語言前,你必須先是Java程式開發人員」。
在寫TypeScript前,你還是得先會JavaScript。
[在進階一點(誤)] 在寫任何程式語言前,比必須先會組合語言

在class之前,必須了解的prototype chain。

好拉,上面引言最後一個是來亂的,但是在正式開始寫JS的之前,你還是比需要有 prototype chain 的概念。

JavaScript 是個沒有實做 class 關鍵字的動態語言,所以會對那些基於類別(class-based)語言(如 Java 或 C++)背景出身的開發者來說會有點困惑。(在 ES2015 有提供 class 關鍵字,但那只是個語法糖,JavaScript 仍然是基於原型(prototype-based)的語言)。1

本節不會立馬就進到原形鏈,在那之前,會先來看看Python、Ruby這類OOP裡同樣有的東西。如果你不是從那來的,可以直接到原形鏈去看。但建議多少還是看一點,有些在JS還蠻常用的。

February 24, 2020

【心得筆記】Emacs、Rust、Kotlin成就取得

除了Golang,上週也把Emacs相關的、Rust、Kotlin等給看完取得成就~

就來簡短紀錄一下。

學習GNU Emacs

推薦指數:★☆☆☆☆
讀完日期:2020/02/12

想要學習Gnu Emacs,看一下內建的教程就好。這本我只是略讀,感覺對我幫助不大。總之如果你想學Gnu Emacs,不用讀這本,應該這樣做:

  1. 下載Gnu Emacs
  2. M-x help-with-tutorial-spec-language
  3. 選擇繁體中文
  4. 然後閱讀它

※ 如果你有開上方的menu-bar,也可以直接選擇help->Emacs Tutorial(C-h t)。

GNU Emacs Lisp編程入門

推薦指數:★☆☆☆☆
讀完日期:2020/02/13

如果你有寫elisp的需求,這本書可以略過,但有的話,可以看下。Emacs Lisp API文檔並不那麼好入門,這個可以帶你入一點點門(幫助有限就是)。

上面兩本書我看的都是比較舊的了,也都是略讀。這本裡面提到的技術手冊我沒找著。

Kotlin語言文檔(v1.3)

推薦指數:★★★☆☆
讀完日期:2020/02/13

February 24, 2020

7天搞懂JS進階議題(day02)-new & factory: 如何建立一個新物件

本系列文章討論JS 物件導向設計相關的特性。 不含CSS,不含HTML!
建議先有些JS基礎再繼續閱讀。
你也可以看看從零開始遲來的Web開發筆記
雖然是「7天寫作松」挑戰,但同樣可以視為系列後續文章

No CSS! No HTML! No Browser!
Just need programming language


既然是要來物件導向,當然要先來學怎麼建立物件。本節帶你看看如何建立一個新的物件。

直接建立

obj0 = {
    name: "World",
    hello(){console.log(`Hello, ${this.name}`)},
}

obj0.hello();

工廠模式

可以直接建立物件,也可以透過工廠模式建立並初始化物件。

  • ««
  • «
  • 1
  • 2
  • 3
  •  … 
  • 21
  • 22
  • 23
  •  … 
  • 34
  • »
  • »»
© 又LAG隨性筆記 2025