<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
        當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

        7個(gè)好用的JavaScript技巧分享(譯)

        來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:57:26
        文檔

        7個(gè)好用的JavaScript技巧分享(譯)

        7個(gè)好用的JavaScript技巧分享(譯):前言 就像所有其他編程語(yǔ)言一樣,JavaScript也有許多技巧可以完成簡(jiǎn)單和困難的任務(wù)。 一些技巧廣為人知,而其他技巧則足以讓你大吃一驚。 讓我們來(lái)看看你今天就可以開(kāi)始使用的七個(gè)JavaScript技巧吧! 原文鏈接:davidwalsh.name/javascript-
        推薦度:
        導(dǎo)讀7個(gè)好用的JavaScript技巧分享(譯):前言 就像所有其他編程語(yǔ)言一樣,JavaScript也有許多技巧可以完成簡(jiǎn)單和困難的任務(wù)。 一些技巧廣為人知,而其他技巧則足以讓你大吃一驚。 讓我們來(lái)看看你今天就可以開(kāi)始使用的七個(gè)JavaScript技巧吧! 原文鏈接:davidwalsh.name/javascript-

        前言

        就像所有其他編程語(yǔ)言一樣,JavaScript也有許多技巧可以完成簡(jiǎn)單和困難的任務(wù)。 一些技巧廣為人知,而其他技巧則足以讓你大吃一驚。 讓我們來(lái)看看你今天就可以開(kāi)始使用的七個(gè)JavaScript技巧吧!

        原文鏈接:davidwalsh.name/javascript-…

        數(shù)組去重

        數(shù)組去重可能比您想象的更容易:

        var j = [...new Set([1, 2, 3, 4, 4])]
        >> [1, 2, 3, 4]

        很簡(jiǎn)單有木有!

        過(guò)濾掉falsy值

        是否需要從數(shù)組中過(guò)濾出falsy值(0,undefined,null,false等)? 你可能不知道還有這個(gè)技巧:

        let res = [1,2,3,4,0,undefined,null,false,''].filter(Boolean);
        >> 1,2,3,4

        創(chuàng)建空對(duì)象

        您可以使用{ }創(chuàng)建一個(gè)看似空的對(duì)象,但該對(duì)象仍然具有__proto__和通常的hasOwnProperty以及其他對(duì)象方法。 但是,有一種方法可以創(chuàng)建一個(gè)純粹的“字典”對(duì)象:

        let dict = Object.create(null);
        
        // dict.__proto__ === "undefined"
        // No object properties exist until you add them

        這種方式創(chuàng)建的對(duì)象就很純粹,沒(méi)有任何屬性和對(duì)象,非常干凈。

        合并對(duì)象

        在JavaScript中合并多個(gè)對(duì)象的需求已經(jīng)存在,尤其是當(dāng)我們開(kāi)始使用選項(xiàng)創(chuàng)建類和小部件時(shí):

        const person = { name: 'David Walsh', gender: 'Male' };
        const tools = { computer: 'Mac', editor: 'Atom' };
        const attributes = { handsomeness: 'Extreme', hair: 'Brown', eyes: 'Blue' };
        
        const summary = {...person, ...tools, ...attributes};
        /*
        Object {
         "computer": "Mac",
         "editor": "Atom",
         "eyes": "Blue",
         "gender": "Male",
         "hair": "Brown",
         "handsomeness": "Extreme",
         "name": "David Walsh",
        }
        */

        這三個(gè)點(diǎn)(...)使任務(wù)變得更加容易!

        Require函數(shù)參數(shù)

        能夠?yàn)楹瘮?shù)參數(shù)設(shè)置默認(rèn)值是JavaScript的一個(gè)很棒的補(bǔ)充,但是請(qǐng)查看這個(gè)技巧,要求為給定的參數(shù)傳遞值:

        const isRequired = () => { throw new Error('param is required'); };
        
        const hello = (name = isRequired()) => { console.log(`hello ${name}`) };
        
        // This will throw an error because no name is provided
        hello();
        
        // This will also throw an error
        hello(undefined);
        
        // These are good!
        hello(null);
        hello('David');

        解構(gòu)添加別名

        解構(gòu)是JavaScript的一個(gè)非常受歡迎的補(bǔ)充,但有時(shí)我們更喜歡用其他名稱來(lái)引用這些屬性,所以我們可以利用別名:

        const obj = { x: 1 };
        
        // Grabs obj.x as { x }
        const { x } = obj;
        
        // Grabs obj.x as { otherName }
        const { x: otherName } = obj;

        有助于避免與現(xiàn)有變量的命名沖突!

        獲取查詢字符串參數(shù)

        獲取url里面的參數(shù)值或者追加查詢字符串,在這之前,我們一般通過(guò)正則表達(dá)式來(lái)獲取查詢字符串值,然而現(xiàn)在有一個(gè)新的api,具體詳情可以查看這里,可以讓我們以很簡(jiǎn)單的方式去處理url。

        比如現(xiàn)在我們有這樣一個(gè)url,"?post=1234&action=edit",我們可以利用下面的技巧來(lái)處理這個(gè)url。

        // Assuming "?post=1234&action=edit"
        
        var urlParams = new URLSearchParams(window.location.search);
        
        console.log(urlParams.has('post')); // true
        console.log(urlParams.get('action')); // "edit"
        console.log(urlParams.getAll('action')); // ["edit"]
        console.log(urlParams.toString()); // "?post=1234&action=edit"
        console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1"

        比我們過(guò)去用的容易多了!

        多年來(lái)JavaScript已經(jīng)發(fā)生了很大的變化,但是我最喜歡的JavaScript部分是我們所看到的語(yǔ)言改進(jìn)的速度。 盡管JavaScript的動(dòng)態(tài)不斷變化,我們?nèi)匀恍枰捎靡恍┎诲e(cuò)的技巧; 將這些技巧保存在工具箱中,以便在需要時(shí)使用!

        那你最喜歡的JavaScript技巧是什么?

        總結(jié)

        聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        7個(gè)好用的JavaScript技巧分享(譯)

        7個(gè)好用的JavaScript技巧分享(譯):前言 就像所有其他編程語(yǔ)言一樣,JavaScript也有許多技巧可以完成簡(jiǎn)單和困難的任務(wù)。 一些技巧廣為人知,而其他技巧則足以讓你大吃一驚。 讓我們來(lái)看看你今天就可以開(kāi)始使用的七個(gè)JavaScript技巧吧! 原文鏈接:davidwalsh.name/javascript-
        推薦度:
        標(biāo)簽: 技巧 javascript 7個(gè)
        • 熱門焦點(diǎn)

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲欧美国产国产综合一区| 猫咪www免费人成网站| 青青草国产免费久久久91| 99亚洲精品卡2卡三卡4卡2卡| 亚洲中文字幕无码久久综合网| 免费A级毛片在线播放| 中文字幕精品三区无码亚洲 | 黄色网址免费观看| 处破女第一次亚洲18分钟| 亚洲成AV人片在线播放无码| 成人毛片免费观看| 国产在线精品观看免费观看| 亚洲啪啪免费视频| 亚洲精品第一国产综合精品99| 四虎免费影院ww4164h| 理论秋霞在线看免费| 亚洲第一永久在线观看| 亚洲人成色7777在线观看不卡| 91精品免费久久久久久久久| 国产va免费观看| 亚洲看片无码在线视频| 亚洲自偷自偷在线制服| 永久黄网站色视频免费| xxxxwww免费| a级毛片在线免费观看| 亚洲av永久无码一区二区三区| 亚洲嫩模在线观看| 亚洲午夜无码AV毛片久久| 毛片网站免费在线观看| 免费国产叼嘿视频大全网站| 杨幂最新免费特级毛片| 亚洲人成77777在线播放网站不卡| 亚洲成Av人片乱码色午夜| 全亚洲最新黄色特级网站 | 女人张开腿等男人桶免费视频| 免费国产叼嘿视频大全网站| 男女交性无遮挡免费视频| 亚洲第一男人天堂| 亚洲成人黄色在线观看| 久久亚洲AV午夜福利精品一区| 亚洲精品乱码久久久久久不卡|