成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Ilikewhite / 575人閱讀

摘要：中一些意想不到的使用技巧持續(xù)更新，歡迎補(bǔ)充箭頭函數(shù)返回對(duì)象一般的寫法簡潔的寫法對(duì)象屬性名不確定，需要?jiǎng)討B(tài)的傳入一般的寫法簡潔的寫法復(fù)制一個(gè)對(duì)象，并重寫其中的一些屬性一般的寫法簡潔的寫法數(shù)組解構(gòu)為函數(shù)參數(shù)一般的寫法簡潔的寫法向一個(gè)數(shù)組添加另一

js 中一些意想不到的使用技巧（持續(xù)更新，歡迎補(bǔ)充） 1. 箭頭函數(shù) => 返回 map 對(duì)象 
// 一般的寫法
const makeMap = () => {
  return {key: "value"};
};

// 簡潔的寫法
const makeMap = () => ({key: "value"});
2. 對(duì)象屬性名不確定，需要?jiǎng)討B(tài)的傳入 
// 一般的寫法
const makeMap = (key, value) => {
  const obj = {};
  obj[key] = value;
  return obj;
};

// 簡潔的寫法
const makeMap = (key, value) => ({[key]: value});
3. 復(fù)制一個(gè)對(duì)象，并重寫其中的一些屬性 
const source = {hello: "hello", hi: "hi"};

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

// 簡潔的寫法
const target = {...source, hello: "hello everyone"};
4. 數(shù)組解構(gòu)為函數(shù)參數(shù) 
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. 向一個(gè)數(shù)組添加另一數(shù)組的所有元素 
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

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

// 簡潔的寫法
arr1.push(...arr2);
6. 回調(diào)函數(shù)簡寫 
// 一般的寫法
promise.catch(e => {
  console.log(e);
});

// 簡潔的寫法
promise.catch(console.log);
7. 多級(jí)箭頭函數(shù) => 
// 一般的寫法
const makeTimesFunc = times => {
  return value => {
    return value * times;
  };
};

// 簡潔的寫法
const makeTimesFunc = times => value => value * times;
8. 從右向左函數(shù)復(fù)式調(diào)用 
 // 不確定元素個(gè)數(shù)，舉例 3 個(gè)
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 參數(shù)擴(kuò)展成任意參數(shù)
const addManySuffixes = fnCollection.reduce((a, b) => (...args) => a(b(...args)));
后續(xù)

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

作者：深予之 (@senntyou)

版權(quán)聲明：自由轉(zhuǎn)載-非商用-非衍生-保持署名（創(chuàng)意共享3.0許可證）

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/97029.html

相關(guān)文章

  • github 上有趣又實(shí)用的前端項(xiàng)目（持續(xù)更新，歡迎補(bǔ)充）

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

    zzzmh 評(píng)論0 收藏0

  • github 上有趣又實(shí)用的前端項(xiàng)目（持續(xù)更新，歡迎補(bǔ)充）

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

    morgan 評(píng)論0 收藏0

  • 關(guān)于BBS的一些功能性補(bǔ)充以及踩坑記錄(持續(xù)補(bǔ)充)

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

    hightopo 評(píng)論0 收藏0

  • 程序員寫簡歷時(shí)的技術(shù)詞匯拼寫規(guī)范備忘錄！

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

    h9911 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<