iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
Modern Web

[學習筆記] 邊學邊寫 JavaScript 30天系列 第 12

[學習筆記] 邊學邊寫 JavaScript 30天 (12):模組化與 Library

  • 分享至 

  • xImage
  •  

前言

由於昨天被 催稿雞 追殺 狂tag (but被mentor tag 更可怕吧?!)
想想還是後面 (沒東西寫) 有時間再來解題目好了。

說不定超過30天還沒看完,然後就沒有然後了! 逃過一劫?
最主要還是覺得寫題目來發文感覺有點混(只是貼題目跟答案) 一種記者快來抄的概念 ,感覺沒在寫文章啊 (廢.jpg)

所以結論就是:今天繼續看課程,沒有解題講解啦。

好勒,接下來是看 [JS102] 升級你的 JavaScript 技能:ES6 + npm + Jest Huli大在課程簡介有介紹這一堂課主要是把之前沒有講到的內容做個補充。內容會有:module 與 library 的概念、unit test,(詳細內容可以直接點連結去看),這裡就不細講了,今天就直接開始吧。

今天內容

  • 模組化與 Library :

    自我理解:以CSS來解釋的話,就是把重用的部分做成components,可以重覆取用,不用一直寫重覆的東西。

筆記

  • 借別人的東西來用:require,語法var 變數 = require("module名稱")

    var os = require("os")
    console.log(os.platform())   // darwin
    

    使用變數來裝別人寫好的東西,用require語法引入。
    用node.js所提供的可以直接輸入module名稱,自己寫的要有路徑。
    例如:var 變數 = require(./myModuleName")

  • 把東西借給別人:export

    // module.js
    function double(n) {
        return n * 2
    }
    module.exports = double
    

    檔案名稱.exports = 要輸出的東西 ( -> 這裡以function double做輸出)
    用exports語法來把自己寫變成module並在其他地方用require語法引入。
    這種寫法後面可以接任何東西。自己寫的引用要有路徑,但可以不用有副檔名:

    var module = require("./module.js")   //.js可省略
    console.log(module(3))  //6
    

    export的另一種寫法:

    exports.double = double   //這樣寫是把會exports當作是一個物件
    

參考資料


上一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (11):課後題目練習
下一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (13):NPM
系列文
[學習筆記] 邊學邊寫 JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言