ES6基礎

常量

ES6中定義了常量 const 睛藻,常量只讀不可以進行修改

//ES5中常量得這么寫
Object.defineProperty(window, "demaxiya",{
    value: 'nuokesasi',
    writable: false
})
console.log(demaxiya)  //輸出  nuokesasi
demaxiya = aioniya  //報錯
//強大的ES6
const demo = 'lalalademaxiya'
console.log(demo) //輸出  lalalademaxiya
demo = 'lalalalualua'  //報錯

作用域

ES6用{}來劃分一個作用域

{
    let a = 5
    console.log(a)  //輸出5
}
{
  let a = 50
  console.log(a)  //輸出50
}
{
  let a = 500
  console.log(a)  //輸出500
}
{
  let a = 5000
  console.log(a)  //輸出5000
}
console.log(a)  //輸出undefined

像上面那樣,在塊級作用域里面用let定義一個變量茄厘,let跟var的作用差不多射沟,但是let定義的變量只在作用域范圍內(nèi)有效,所以在var跟let都能用的情況下推薦使用let來定義變量

箭頭函數(shù)

//es6之前定義一個函數(shù)
function a() {
  xxx
}
//在es6中你可以這么定義
()=>{
  xxx
}
//舉個栗子
//es6之前
var demo = function(x,y) { 
    return x + y
}
console.log(demo(5,6))  //輸出11
//在es6中你可以這么寫
var demoA = (x,y) => x+y
console.log(demoA(5,6))  //輸出11
//甚至如果參數(shù)只有一個的話你看一連括號都省略了
//es6之前
var demo = function(x) { 
    return x+1
}
//在es6中你可以這么寫
var demoA = x => x + 1

ES6確實是猛的一批.....

箭頭函數(shù)的this指向問題

var factory = function() {
  this.a = 'a'
  this.b = { 
        a : 'aaaa',
        b: function () {
              return this.a
        }
  }
}
console.log(new factory().b.b())  // 輸出‘a(chǎn)aaa’

//es6
let factory = function() {
  this.a = 'a'
  this.b = { 
        a : 'aaaa',
        b: () => {
              return this.a
        }
  }
}
console.log(new factory().b.b())  // 輸出‘a(chǎn)’

函數(shù)體內(nèi)的this對象士鸥,就是定義時所在的對象,而不是使用時所在的對象。這個是重點

默認參數(shù)

let demo = function (x, y = 5) {
    return x + y
}
console.log(demo(5)) //輸出為10
console.log(demo(5蛾洛,10)) //輸出為15

es6中可以像上面那樣定義一個默認參數(shù),如果該參數(shù)沒有賦值雁芙,則調用默認參數(shù)作為參數(shù)

可變參數(shù)

當你不確定你參數(shù)的個數(shù)的時候轧膘,你可以使用可變參數(shù)

//實現(xiàn)加數(shù)不定的加法運算
function f(...a) {  //...是擴展運算符
  let sun = 0
  a.forEach(item => {
    sum+=item
  })
}

擴展運算符 ...

擴展運算符你可以這么用

let arr = [1,2,3,4,5]
//合并數(shù)組
let arr1 = [1,2,3,4,...arr]
console.log(arr1) // 1,2,3,4,1,2,3,4,5

以上就是我對ES6基礎的一點點總結

ES6好玩的地方遠遠不止于這么丟丟,大家一起繼續(xù)探索吧

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末兔甘,一起剝皮案震驚了整個濱河市谎碍,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌洞焙,老刑警劉巖蟆淀,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異澡匪,居然都是意外死亡熔任,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門唁情,熙熙樓的掌柜王于貴愁眉苦臉地迎上來疑苔,“玉大人,你說我怎么就攤上這事荠瘪『幌铮” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵哀墓,是天一觀的道長趁餐。 經(jīng)常有香客問我,道長篮绰,這世上最難降的妖魔是什么后雷? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上臀突,老公的妹妹穿的比我還像新娘勉抓。我一直安慰自己,他們只是感情好候学,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布藕筋。 她就那樣靜靜地躺著,像睡著了一般梳码。 火紅的嫁衣襯著肌膚如雪隐圾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天掰茶,我揣著相機與錄音暇藏,去河邊找鬼。 笑死濒蒋,一個胖子當著我的面吹牛盐碱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播沪伙,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼瓮顽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了围橡?” 一聲冷哼從身側響起趣倾,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎某饰,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體善绎,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡黔漂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了禀酱。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炬守。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖剂跟,靈堂內(nèi)的尸體忽然破棺而出减途,到底是詐尸還是另有隱情,我是刑警寧澤曹洽,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布鳍置,位于F島的核電站,受9級特大地震影響送淆,放射性物質發(fā)生泄漏税产。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辟拷。 院中可真熱鬧撞羽,春花似錦、人聲如沸衫冻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽隅俘。三九已至邻奠,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間考赛,已是汗流浹背惕澎。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留颜骤,地道東北人唧喉。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像忍抽,于是被迫代替她去往敵國和親八孝。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1鸠项、新的聲明方式 以前我們在聲明時只有一種方法干跛,就是使用var來進行聲明,ES6對聲明的進行了擴展祟绊,現(xiàn)在可以有三種...
    令武閱讀 1,007評論 0 7
  • this的應用及指向問題 this是Javascript語言的一個關鍵字楼入。它代表函數(shù)運行時,自動生成的一個內(nèi)部對象...
    azure_1122閱讀 237評論 0 0
  • 前面的話 函數(shù)是所有編程語言的重要組成部分牧抽,在ES6出現(xiàn)前嘉熊,JS的函數(shù)語法一直沒有太大的變化,從而遺留了很多問題扬舒,...
    CodeMT閱讀 825評論 0 1
  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學習記錄文檔阐肤,今天18年5月份再次想寫文章,發(fā)現(xiàn)簡書還為我保存起的...
    Jenaral閱讀 2,754評論 2 9
  • 高一(12)班九月小結 ——致高一(12)的細胞們 1.在你們到來之前 8月30日讲坎,你們還在家里孕惜。班主任們已經(jīng)開了...
    破繭終將成碟閱讀 193評論 0 0