代碼
創(chuàng)新互聯(lián)長期為上1000家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為長子企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作，長子網(wǎng)站改版等技術服務。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。ECMAScript概述ECMAScript 是腳本語言的標準化規(guī)范，也就是語言的語法。比如：怎樣定義變量、怎樣定義函數(shù)和邏輯運算等等。
那么ECMAScript 和 JavaScript 是何關系？
JavaScript 是ECMAScript 的擴展語言，JavaScript實現(xiàn)了ECMAScript。 比如在瀏覽器環(huán)境中 JavaScript 就是 ECMAScript 和 WebAPI的集合
ES（ECMAScript）于1997年被提出，2015年后基本保持一個版本的迭代
| 名稱 | 標準版本 | 發(fā)布時間 |
|---|---|---|
| ECMAScript2019（ES2019） | 10 | 2019年6月 |
| ECMAScript2018（ES2018） | 9 | 2018年6月 |
| ECMAScript2017（ES2017） | 8 | 2017年6月 |
| ECMAScript2016（ES2016） | 7 | 2016年6月 |
| ECMAScript2015（ES2015） | 6 | 2015年6月 |
| ECMAScript5.1（ES5.1） | 5.1 | 2011年6月 |
| ECMAScript5（ES5） | 5 | 2009年12月 |
| ECMAScript4（ES4） | 4 | 被放棄 |
| ECMAScript3（ES3） | 3 | 1999年12月 |
| ECMAScript2（ES2） | 2 | 1998年6月 |
| ECMAScript1（ES1） | 1 | 1997年6月 |
ES2015 是最新ES標準比較典型的版本，主要在于
在有些書上或博客上對于ES6有兩種意思，一種是特指（ES2015）,另一種是泛指是指ES2015版本之后的所有版本。
ECMAScript新特性主要有以下內(nèi)容：
作用域：某個成員能夠起作用的范圍。
在ES2015之前，ES只有兩種作用域：
在ES2015后，又增加了塊級作用域。塊級作用域：使用{} 中間的作用域。
在ES2015前沒塊級作用域作用域的概念，在{} 內(nèi)容使用var 定義的變量，在{}外也可以訪問，這樣對于復雜代碼是非常不安全的。
重慶分公司
重慶分公司
if(true) {
var foo_1 = "foo_1"
}
console.log(foo_1) // foo_1在塊作用域內(nèi)使用let 聲明變量，在{} 外部是不可以訪問的：
if(true) {
let foo_2 = "foo_2"
}
// ReferenceError: foo_2 is not defined
console.log(foo_2)在for 循環(huán)中會有會有兩層嵌套的塊級作用域，函數(shù)體中的作用域是嵌套在for 循環(huán)內(nèi)部的單獨的作用域
for(let i = 0;i< 3; i++) {
let i = "foo_3"
console.log(i)
}上邊代碼我們可以簡單的理解為下面：
let i = 0;
if(i< 3) {
let i = "foo_3"
console.log(i)
}
i++
if(i< 3) {
let i = "foo_3"
console.log(i)
}
i++
if(i< 3) {
let i = "foo_3"
console.log(i)
}
i++let 聲明的變量不會變量提升，所以在使用之前必須先聲明
console.log(foo_4)
var foo_4 = "foo_4"
console.log(foo_5)
let foo_5 = "foo_5"為啥ES2015不把var 廢掉？
因為考慮到兼容，原來很多項目還在使用var
用于生成只讀屬性。 聲明之時，就要賦值；聲明之后，不可修改內(nèi)存指向
const foo_6 = "foo_6"
const foo_7 = {
name: "hyb",
age: 18
}
foo_7.name = "hsf";
// TypeError: Assignment to constant variable.
// foo_7 = {}var、let 、const 使用指南？
不用var; 主用const; 輔用let
當我們獲取數(shù)組元素時，通常情況下通過下標獲取
const arr = [100, 200, 300];
const firstObj = arr[0];
const secondObj = arr[1];ES2015后我們可以通過數(shù)組解構獲取元素。
const [arrFirst, arrSecond] = arr;我們可以，獲取指定位置的元素，剩余元素、和若獲取元素為空時設置默認值
// 前面位置留空格
const [, arrSecond] = arr;
// 剩余元素
const [arrFirst, arrSecond2, ...rest] = arr;
// 默認值
const [arrFirst1,arrSecond3, arrThird, arrFour = 2] = arr;
console.log(arrSecond, rest ,arrFour)數(shù)組時根據(jù)索引位置進行解構， 對象要根據(jù)key值進行解構
const obj1 = {
name: "hsf"
}
const name = "hyb";
// 如果我們提前已經(jīng)定一個一個name 變量，肯定會沖突，那么起別名 和若解構出來為null, 設置默認值
const { name:nameAlias = "foo" , age = 2} = obj1;
console.log(nameAlias, age);在ES2016之前字符串換行和拼裝字符串時
const name = "sanfen_hu"
const age = 18
// 換行
console.log(`fwfewfw\nwfee`)
// 拼接
let info1 = "my name is " + name + ",age is " + age + "."
console.log(info1)ES2016后可以這樣寫
console.log(`fwfewfw
wfee`)
const info2 = `my name is ${name}, age is ${age}`;
console.log(info2)在差值中我們可以寫一些簡單的邏輯
const value = 50;
const info3 = `average value is ${ 50< 60 ? 60 : value }`;
console.log(info3)模版字符串標簽函數(shù)
給模版字符串添加標簽，標簽其實就是一個函數(shù)，添加標簽后，函數(shù)也會被執(zhí)行，函數(shù)的第一個參數(shù)是分割后非模版變量切割后的數(shù)組，后面參數(shù)就是模版變量
// 會將字符串在插值處砍斷，封裝成數(shù)組
function tagFunction(string, name, age){
return "fefe";
}
const tagTemplate = tagFunction`my name is ${name},age is ${age}.`
console.log(tagTemplate)let foo = "sanfeng_hu"
console.log(foo.includes("feng"))
console.log(foo.indexOf("3feng"))
console.log(foo.startsWith("sanfeng"))
console.log(foo.endsWith("hu"))一個參數(shù)時，可以不用(), 函數(shù)體是單行時，可以不使用{},默認函數(shù)返回值就是當前表達式，當多條表達市時，要加{},需手動返回返回值。
參考資料ecma你是否還在尋找穩(wěn)定的海外服務器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準確流量調(diào)度確保服務器高可用性，企業(yè)級服務器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧
