ECMAScript6 后建議的優(yōu)化語法

liaosilzu2007 發(fā)布于2019-08-21 17:52 / 1365人閱讀

摘要：是制定的的規(guī)范，代表發(fā)表的新版本，等以此類推。持續(xù)優(yōu)化更新變量聲明用于聲明常量，變量建議使用命令，建議不再使用命令，聲明的是全局變量，而則為局部變量。聲明的是全局變量也是頂層對(duì)象的屬性，則沒有綁定到頂層對(duì)象。

ECMAScript6 是 ECMA 制定的 JavaScript 的規(guī)范，ES6代表2016發(fā)表的新版本，ES7、ES5等以此類推。

（持續(xù)優(yōu)化更新）

變量聲明 const > let > var

const 用于聲明常量，變量建議使用 let 命令，建議不再使用 var 命令，var 聲明的是全局變量，而 let 則為局部變量。

const 保證不能改變的不是變量的值，而是變量指向的內(nèi)存地址不得改動(dòng)。復(fù)合類型（數(shù)組，對(duì)象等）保存的是一個(gè)指針，所以指針是固定的，但是變量的數(shù)據(jù)結(jié)構(gòu)是可變的。

var 聲明的是全局變量也是頂層對(duì)象的屬性，let 則沒有綁定到頂層對(duì)象。

var a = 1
console.log(window.a)   // 1
let b = 2
console.log(window.b)   // undefined

靜態(tài)字符串使用單引號(hào)，動(dòng)態(tài)字符串使用反引號(hào)。

const a = "hello"
const b = `${a} world`

使用數(shù)組成員對(duì)變量賦值時(shí)，優(yōu)先使用解構(gòu)賦值

const arr = [1, 2, 3]
const [first, second] = arr

使用擴(kuò)展運(yùn)算符(...)拷貝數(shù)組

const itemsCopy = [...items]

函數(shù)盡量用箭頭形式

[1, 2, 3].map((x) => {
    return x * x
})

模塊倒入使用import,導(dǎo)出使用export

export default function echo ((params) => {
    console.log(params)
})

import { echo } from "module"

云服務(wù)器 GPU云服務(wù)器 SQL優(yōu)化建議 MySQL優(yōu)化建議數(shù)據(jù)庫優(yōu)化建議 SQL優(yōu)化建議CloudDBA

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90137.html

相關(guān)文章

ECMAScript6(5)：函數(shù)的擴(kuò)展

摘要：否則調(diào)用時(shí)依然需要傳參報(bào)錯(cuò)注意這里不能用觸發(fā)默認(rèn)值這里我們還需要單獨(dú)討論一下默認(rèn)參數(shù)對(duì)的影響很明顯，默認(rèn)參數(shù)并不能加到中。關(guān)于作用域集中在函數(shù)擴(kuò)展的最后討論。那如果函數(shù)的默認(rèn)參數(shù)是函數(shù)呢?zé)X的要來了如果基礎(chǔ)好那就根本談不上不燒腦。參數(shù)默認(rèn)值 ES5中設(shè)置默認(rèn)值非常不方便, 我們這樣寫: function fun(a){ a = a || 2; console.log(a); ...

afishhhhh 2019-08-23 11:45 評(píng)論0 收藏0
Vue.js新手入門指南[轉(zhuǎn)載]

摘要：就是一個(gè)用于搭建類似于網(wǎng)頁版知乎這種表單項(xiàng)繁多，且內(nèi)容需要根據(jù)用戶的操作進(jìn)行修改的網(wǎng)頁版應(yīng)用。單頁應(yīng)用程序顧名思義，單頁應(yīng)用一般指的就是一個(gè)頁面就是應(yīng)用，當(dāng)然也可以是一個(gè)子應(yīng)用，比如說知乎的一個(gè)頁面就可以視為一個(gè)子應(yīng)用。最近在逛各大網(wǎng)站，論壇，以及像SegmentFault等編程問答社區(qū)，發(fā)現(xiàn)Vue.js異?；鸨貜?fù)性的提問和內(nèi)容也很多，樓主自己也趁著這個(gè)大前端的熱潮，著手學(xué)習(xí)了一...

MartinHan 2019-08-23 11:50 評(píng)論0 收藏0
這么多前端優(yōu)化點(diǎn)你都記得住嗎？

摘要：不推薦移動(dòng)端瀏覽器前端優(yōu)化策略相對(duì)于桌面端瀏覽器，移動(dòng)端瀏覽器上有一些較為明顯的特點(diǎn)設(shè)備屏幕較小新特性兼容性較好支持一些較新的和特性需要與應(yīng)用交互等。 GitHub鏈接：https://github.com/zwwill/blo... 圍繞前端的性能多如牛毛，涉及到方方面面，以我我們將圍繞PC瀏覽器和移動(dòng)端瀏覽器的優(yōu)化策略進(jìn)行羅列注意，是羅列不是展開，遇到不會(huì)不懂的點(diǎn)還請(qǐng)站外擴(kuò)展開車...

ysl_unh 2019-08-21 17:30 評(píng)論0 收藏0
這么多前端優(yōu)化點(diǎn)你都記得住嗎？

摘要：不推薦移動(dòng)端瀏覽器前端優(yōu)化策略相對(duì)于桌面端瀏覽器，移動(dòng)端瀏覽器上有一些較為明顯的特點(diǎn)設(shè)備屏幕較小新特性兼容性較好支持一些較新的和特性需要與應(yīng)用交互等。 GitHub鏈接：https://github.com/zwwill/blo... 圍繞前端的性能多如牛毛，涉及到方方面面，以我我們將圍繞PC瀏覽器和移動(dòng)端瀏覽器的優(yōu)化策略進(jìn)行羅列注意，是羅列不是展開，遇到不會(huì)不懂的點(diǎn)還請(qǐng)站外擴(kuò)展開車...

Tecode 2019-08-01 17:58 評(píng)論0 收藏0
這么多前端優(yōu)化點(diǎn)你都記得住嗎？

摘要：不推薦移動(dòng)端瀏覽器前端優(yōu)化策略相對(duì)于桌面端瀏覽器，移動(dòng)端瀏覽器上有一些較為明顯的特點(diǎn)設(shè)備屏幕較小新特性兼容性較好支持一些較新的和特性需要與應(yīng)用交互等。 GitHub鏈接：https://github.com/zwwill/blo... 圍繞前端的性能多如牛毛，涉及到方方面面，以我我們將圍繞PC瀏覽器和移動(dòng)端瀏覽器的優(yōu)化策略進(jìn)行羅列注意，是羅列不是展開，遇到不會(huì)不懂的點(diǎn)還請(qǐng)站外擴(kuò)展開車...

Tonny 2019-08-29 13:47 評(píng)論0 收藏0