js 中一些意想不到的使用技巧（持續(xù)更新，歡迎補充）

Ilikewhite 發(fā)布于2019-08-23 11:29 / 516人閱讀

摘要：中一些意想不到的使用技巧持續(xù)更新，歡迎補充箭頭函數返回對象一般的寫法簡潔的寫法對象屬性名不確定，需要動態(tài)的傳入一般的寫法簡潔的寫法復制一個對象，并重寫其中的一些屬性一般的寫法簡潔的寫法數組解構為函數參數一般的寫法簡潔的寫法向一個數組添加另一

js 中一些意想不到的使用技巧（持續(xù)更新，歡迎補充） 1. 箭頭函數 => 返回 map 對象

// 一般的寫法
const makeMap = () => {
  return {key: "value"};
};

// 簡潔的寫法
const makeMap = () => ({key: "value"});

2. 對象屬性名不確定，需要動態(tài)的傳入

// 一般的寫法
const makeMap = (key, value) => {
  const obj = {};
  obj[key] = value;
  return obj;
};

// 簡潔的寫法
const makeMap = (key, value) => ({[key]: value});

3. 復制一個對象，并重寫其中的一些屬性

const source = {hello: "hello", hi: "hi"};

// 一般的寫法
const target = Object.assign({}, source);
target.hello = "hello everyone";

// 簡潔的寫法
const target = {...source, hello: "hello everyone"};

4. 數組解構為函數參數

const arr = [1, 2, 3];
const plus = (...args) => args.reduce((a, b) => a + b);

// 一般的寫法
plus(arr[0], arr[1], arr[2], 4, 5);

// 簡潔的寫法
plus(...arr, 4, 5);

5. 向一個數組添加另一數組的所有元素

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 一般的寫法
arr1 = arr1.concat(arr2);

// 簡潔的寫法
arr1.push(...arr2);

6. 回調函數簡寫

// 一般的寫法
promise.catch(e => {
  console.log(e);
});

// 簡潔的寫法
promise.catch(console.log);

7. 多級箭頭函數 =>

// 一般的寫法
const makeTimesFunc = times => {
  return value => {
    return value * times;
  };
};

// 簡潔的寫法
const makeTimesFunc = times => value => value * times;

8. 從右向左函數復式調用

 // 不確定元素個數，舉例 3 個
const fnCollection = [str => `${str} | fisrt`, str => `${str} | second`, str => `${str} | third`];

// 一般的寫法
const addManySuffixes = str => {
  let result = str;
  for(let i = fnCollection.length - 1; i > -1; i -= 1) 
    result = fnCollection[i](result);
  
  return result; 
};

// 簡潔的寫法
const addManySuffixes = fnCollection.reduce((a, b) => str => a(b(str)));
// 可以把 str 參數擴展成任意參數
const addManySuffixes = fnCollection.reduce((a, b) => (...args) => a(b(...args)));

后續(xù)

更多博客，查看 https://github.com/senntyou/blogs

作者：深予之 (@senntyou)

云服務器 GPU云服務器 vps日常維護中的一些要點總結 js中使用數組 js中reset使用 js中使用json

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/97029.html

github 上有趣又實用的前端項目（持續(xù)更新，歡迎補充）

摘要：上有趣又實用的前端項目持續(xù)更新，歡迎補充幻燈片展示框架一個專門用來做幻燈片的框架，支持和語法。又一個幻燈片展示框架一個受的啟發(fā)，使用了現代瀏覽器里支持的和的特效幻燈片。我的個人網站首頁也是用開發(fā)的。好在有可以幫助我們解決這個問題。 github 上有趣又實用的前端項目（持續(xù)更新，歡迎補充） 1. reveal.js: 幻燈片展示框架一個專門用來做 HTML 幻燈片的框架，支持 HTM...

zzzmh 2019-08-23 12:09 評論0 收藏0
github 上有趣又實用的前端項目（持續(xù)更新，歡迎補充）

摘要：上有趣又實用的前端項目持續(xù)更新，歡迎補充幻燈片展示框架一個專門用來做幻燈片的框架，支持和語法。又一個幻燈片展示框架一個受的啟發(fā)，使用了現代瀏覽器里支持的和的特效幻燈片。我的個人網站首頁也是用開發(fā)的。好在有可以幫助我們解決這個問題。 github 上有趣又實用的前端項目（持續(xù)更新，歡迎補充） 1. reveal.js: 幻燈片展示框架一個專門用來做 HTML 幻燈片的框架，支持 HTM...

morgan 2019-08-30 15:54 評論0 收藏0
關于BBS的一些功能性補充以及踩坑記錄(持續(xù)補充)

摘要：聲明以下記錄了本人實驗性地探索過程，不代表正確，請謹慎食用。取消注釋，并添加兩個屬性，。由于在中被設置成了的，所以并不適合加密存入。算法碰撞的可能性很小，因此基本可以保證和加密后都是獨一無二的，防止黑客用彩虹表爆表。聲明：以下記錄了本人實驗性地探索過程，不代表正確，請謹慎食用。也歡迎提出各種批評建議，幫助我改正錯誤。謝謝! 1.注冊注冊時在注冊的jsp頁面使用js函數進行合法性驗證...

hightopo 2019-08-15 14:48 評論0 收藏0
程序員寫簡歷時的技術詞匯拼寫規(guī)范備忘錄！

摘要：寫在前面每年這個時候又到了求職的旺季。求職前，我們都會花很多的時間在自己的技術水平提升筆面試的準備之上，但往往卻忽略了找工作第一步所需要的一個嚴謹且靠譜的簡歷。而程序員寫簡歷，第一步就是需要注意嚴謹而規(guī)范地使用各種技術詞匯。 ...

h9911 2021-10-12 10:12 評論0 收藏0