問渠那得清如許，為有源頭活水來。
想要保持自己的技術活力，最有效的手段就是通過不斷地輸入來提供足夠的養分。我們也不必刻意追求高深的或者新鮮的知識點，通過對一個基礎問題的全方位多維度解析，同樣也會收獲不小。
題目
有這么一道題目需要我們來解答：
- 試輸出斐波那契數列的前10項，即 1、1、2、3、5、8、13、21、34、55。
分析
有些人看到題目中出現了“斐波那契數列”這個概念后，可能腦袋就蒙圈了，其實大可不必！
對於這道題，可以不用理會這個陌生概念，我們只需要關心后面它給出的數字規律即可。
我們可以看到，規律總結起來就一句話：從第三位開始，后面每項的值等於前兩項之和，用式子表示的話就是：an = an-1 + an-2（n ≥ 2） 。
根據題目要求，其實就是要我們做兩件事：
- 生成每一項的值。
- 打印輸出所有值。
基礎解法
解題思路：
- 創建一個數組存放數列各項的值。
- for 循環生成數列各項並存入數組（為了計算后面各項的值），打印生成的項。
代碼實現如下：
/**
* @description 創建一個生成數列數組的方法
* @param {number} n 表示要生成多少項（即數組長度，不是數組下標）
*/
function createFibArr(n) {
// 聲明一個存放數據的數組
let fibArr = [];
// 從第三項(下標為2)開始，每一項都等於前兩項之和
for (let index = 0; index < n; index++) {
index < 2 ? fibArr.push(1) : fibArr.push(fibArr[index - 1] + fibArr[index - 2]);
console.log(fibArr[index]);
}
}
// 調用方法
createFibArr(10);
分析：
這應該是最基本的解題方法，很容易就實現了。
但如果這是面試題的話，這樣的答案只能說是中規中矩，沒有出彩的地方，最重要的是體現不出我們與眾不同的氣質啊，所以，我們應該用點其他的手段來提升下自己的逼格！
初級遞歸
解題思路：
- 通過遞歸的手段計算出各位置對應的值（這里有個前提是：第一項和第二項是確定值，否則，遞歸就不好用了）。
- 打印結果。
代碼實現如下：
/**
* @description 計算出第 n 項的值
* @param {number} n 表示每一項的下標值
* @returns {number} 下標為 n 的位置的值
*/
function calFibValue(n) {
console.count("執行次數：")
return n < 2 ? 1 : (calFibValue(n - 1) + calFibValue(n - 2));
}
/**
* @description 打印計算結果
* @param {number} n 代表要打印多少項
*/
function printRes(n) {
for (let index = 0; index < n; index++) {
console.log(calFibValue(index));
}
}
// 調用打印方法
printRes(10);
// 執行次數：: 276
分析：
遞歸的使用確實提升了代碼的逼格，但是又引來了另外一個問題：性能問題。
每一項的值都是從第一項開始計算累加 出來的，比如計算第四項的值，其過程如下：
- 返回第一項的值：1 。
- 返回第二項的值： 1 。
- 計算第三項的值為 1 + 1 = 2 。
- 計算第四項的值為 2 + 1 = 3 。
在計算第五項值的時候，還要經過上面這個過程來獲取第四項的值，進行了大量的重復運算。
為了驚艷面試官，我們還需要再做優化！
遞歸優化
解題思路：
-
導致重復計算的是遞歸那部分的邏輯，所以優化點在遞歸這里。
-
既然存在重復運算，那就意味着其實后面的運算完全可以使用前面已經計算出來的值，所以我們需要引入緩存來保存每次的計算結果。
代碼實現：
/**
* @description 計算出第 n 項的值
* @param {number} n 表示每一項的下標值
* @returns {number} 下標為 n 的位置的值
*/
// 存放每次計算結果的 Map 結構
// 這里也可以用數組，但是在語義方面沒有 Map 或對象直接
let fibValueMap = new Map();
function calFibValue(n) {
console.count("執行次數：");
// 如果緩存中已存在對應的值，則直接返回
if (fibValueMap.has(n)) {
return fibValueMap.get(n);
}
const value = n < 2 ? 1 : (calFibValue(n - 1) + calFibValue(n - 2));
// 在計算出每一項的之后，需要及時存入 Map
fibValueMap.set(n, value);
return value;
}
/**
* @description 打印計算結果
* @param {number} n 代表要打印多少項
*/
function printRes(n) {
for (let index = 0; index < n; index++) {
console.log(calFibValue(index));
}
}
// 調用打印方法
printRes(10);
// 執行次數：: 26
分析：
根據打印出來的 count 來看，優化后的遞歸次數是優化前的 1/10 左右，這個結果就很驚喜了。
這次面試官應該可以滿意了吧。
總結
萬變不離其宗，只要將解題思路理清了，代碼實現只是一個結果而已。在平常的工作學習中，我們要有意識地培養自己的發散性思維，從多角度去看待問題，你可能會發現不一樣的風景哦！希望能夠對大家有所啟發哦！
在面試中，為了突顯自己的獨特氣質或者人家面試題目就有具體要求的，我們使用一些看起來高大上的思路，這無可厚非。
但是呢，在平常的工作中，我還是更建議大家：在性能相近的情況下，能使用基礎方法解決的一般不要用“高檔”方法，因為基礎方法出錯的概率小很多。就比如今天這道題，其實基礎解法的性能是最好的。
少寫 BUG，我們才能有更多的時間來摸魚，不是嗎？
- ~
- 本文完，感謝閱讀！
~
學習有趣的知識，結識有趣的朋友，塑造有趣的靈魂！
我是〖編程三昧〗的作者 隱逸王，我的公眾號是『編程三昧』，歡迎關注，希望大家多多指教！
你來，懷揣期望，我有墨香相迎！ 你歸，無論得失，唯以余韻相贈！
知識與技能並重，內力和外功兼修，理論和實踐兩手都要抓、兩手都要硬！
