核心概念
樣板程式碼(boilerplate)
/ BOY-ler-plate /
樣板程式碼(boilerplate)是那種每次都幾乎照搬、寫法大同小異的固定設置程式碼——是你在程式真正有趣的部分開始之前,必須先鋪好的那幾行「開場白」。
每個新專案都得先通好管線:匯入函式庫、配置好設定、把基礎部件接起來。這些都不是你想做的那個巧妙創意——只是它周圍那套一模一樣的鷹架,從這個專案到那個專案幾乎不變。這個詞來自舊時印刷廠:現成的整塊文字被鑄在鋼板(boiler plate)上,在許多報紙之間原樣反覆使用。
正因為它如此可預測,各種工具樂於替你生成它——一句「create-app」命令或一個起步範本,就把樣板程式碼遞到你手上,讓你直接跳到好玩的部分。你照抄它而沒怎麼細讀,這很正常;只要明白:它是你腳下的地板,而不是你專程來佈置的那個房間。
import React from 'react';
function App() { return <div>Hello</div>; }
export default App; // the same 3 lines start a thousand apps幾乎每個 React 應用開頭都長這樣——這就是樣板程式碼。
樣板程式碼重複太多,往往是個信號:該抽出一個共用的輔助函式了——複製貼上在變成負擔之前都還好。
又稱
另見