前端學(xué)習(xí)第三十二更

????????????????????????????????????????????Es6


1、let 和 const 關(guān)鍵字

1姥份、let和const不允許重復(fù)聲明變量

2凡伊、let和const聲明的變量不會(huì)在預(yù)解析的時(shí)候解析(也就是沒(méi)有變量提升)

3可帽、let和const聲明的變量會(huì)被所有代碼塊限制作用范圍

let和const的區(qū)別:

let聲明的變量的值可以改變钾军,const聲明的變量的值不可以改變

let聲明的時(shí)候可以不賦值鳄袍,const聲明的時(shí)候必須賦值

2、箭頭函數(shù)

箭頭函數(shù)是ES6 里面一個(gè)簡(jiǎn)寫函數(shù)的語(yǔ)法方式

重點(diǎn):箭頭函數(shù)只能簡(jiǎn)寫賦值式函數(shù)表達(dá)式吏恭,不能簡(jiǎn)寫聲明式函數(shù)

語(yǔ)法:var fn=?(函數(shù)的行參) => { 函數(shù)體內(nèi)要執(zhí)行的代碼 }

箭頭函數(shù)的特殊性

箭頭函數(shù)內(nèi)部沒(méi)有this拗小,箭頭函數(shù)的 this 是上下文的 this

箭頭函數(shù)內(nèi)部沒(méi)有arguments這個(gè)參數(shù)集合

函數(shù)的行參只有一個(gè)的時(shí)候可以不寫()其余情況必須寫

函數(shù)體只有一行代碼的時(shí)候厚柳,可以不寫{}散吵,并且會(huì)自動(dòng)return

4、函數(shù)傳遞參數(shù)的時(shí)候的默認(rèn)值

我們?cè)诙x函數(shù)的時(shí)候,有的時(shí)候需要一個(gè)默認(rèn)值出現(xiàn)

就是當(dāng)我不傳遞參數(shù)的時(shí)候唇礁,使用默認(rèn)值,傳遞參數(shù)了就使用傳遞的參數(shù)

在ES6 中我們可以直接把默認(rèn)值寫在函數(shù)的行參位置

這個(gè)默認(rèn)值的方式箭頭函數(shù)也可以使用

注意:箭頭函數(shù)如果你需要使用默認(rèn)值的話惨篱,那么一個(gè)參數(shù)的時(shí)候也需要寫()

5盏筐、解構(gòu)賦值

解構(gòu)賦值,就是快速的從對(duì)象或者數(shù)組中取出成員的一個(gè)語(yǔ)法方式

解構(gòu)對(duì)象

快速的從對(duì)象中獲取成員

解構(gòu)數(shù)組

快速的從數(shù)組中獲取成員

注意:

{}是專門解構(gòu)對(duì)象使用的

[]是專門解構(gòu)數(shù)組使用的

不能混用

6砸讳、模版字符串

ES5 中我們表示字符串的時(shí)候使用 ''或者""

在ES6 中琢融,我們還有一個(gè)東西可以表示字符串,就是 ``(反引號(hào))

和單引號(hào)和雙引號(hào)的區(qū)別:

1簿寂、反引號(hào)可以換行書寫漾抬,而單雙引號(hào)不可以

2、反引號(hào)可以直接在字符串里面拼接變量(需用${變量} 來(lái)拼接)

7常遂、展開(kāi)運(yùn)算符?

ES6 里面號(hào)新添加了一個(gè)運(yùn)算符 ...纳令,叫做展開(kāi)運(yùn)算符

作用是把數(shù)組展開(kāi)

合并數(shù)組的時(shí)候可以使用

也可以合并對(duì)象使用

在函數(shù)傳遞參數(shù)的時(shí)候也可以使用

8、this 關(guān)鍵字

重點(diǎn):函數(shù)內(nèi)部的this 只和函數(shù)的調(diào)用方式有關(guān)系克胳,和函數(shù)的定義方式?jīng)]有關(guān)系

全局定義的函數(shù)直接調(diào)用平绩,this => window

對(duì)象內(nèi)部的方法調(diào)用,this => 調(diào)用者

定時(shí)器的處理函數(shù)漠另,this => window

事件處理函數(shù)捏雌,this => 事件源

自調(diào)用函數(shù),this => window

9笆搓、call 和 apply 和 bind

強(qiáng)行改變this 指向的方法

call

call方法是附加在函數(shù)調(diào)用后面使用性湿,可以忽略函數(shù)本身的this 指向

語(yǔ)法:函數(shù)名.call(要改變的 this 指向纬傲,要給函數(shù)傳遞的參數(shù)1,要給函數(shù)傳遞的參數(shù)2肤频, ...)

fn()的時(shí)候嘹锁,函數(shù)內(nèi)部的this 指向 window

fn.call(obj, 1, 2)的時(shí)候,函數(shù)內(nèi)部的this 就指向了 obj 這個(gè)對(duì)象

使用call 方法的時(shí)候

會(huì)立即執(zhí)行函數(shù)

第一個(gè)參數(shù)是你要改變的函數(shù)內(nèi)部的this 指向

第二個(gè)參數(shù)開(kāi)始着裹,依次是向函數(shù)傳遞參數(shù)

apply

apply方法是附加在函數(shù)調(diào)用后面使用领猾,可以忽略函數(shù)本身的this 指向

語(yǔ)法:函數(shù)名.apply(要改變的 this 指向,[要給函數(shù)傳遞的參數(shù)1骇扇, 要給函數(shù)傳遞的參數(shù)2摔竿, ...])

fn()的時(shí)候,函數(shù)內(nèi)部的this 指向 window

fn.apply(obj, [1, 2])的時(shí)候少孝,函數(shù)內(nèi)部的this 就指向了 obj 這個(gè)對(duì)象

使用apply 方法的時(shí)候

會(huì)立即執(zhí)行函數(shù)

第一個(gè)參數(shù)是你要改變的函數(shù)內(nèi)部的this 指向

第二個(gè)參數(shù)是一個(gè)數(shù)組继低,數(shù)組里面的每一項(xiàng)依次是向函數(shù)傳遞的參數(shù)

bind

bind方法是附加在函數(shù)調(diào)用后面使用,可以忽略函數(shù)本身的this 指向

和call / apply 有一些不一樣稍走,就是不會(huì)立即執(zhí)行函數(shù)袁翁,而是返回一個(gè)已經(jīng)改變了 this 指向的函數(shù)

語(yǔ)法:var newFn = 函數(shù)名.bind(要改變的 this 指向); newFn(傳遞參數(shù))

10、JSON 方法

json是一種特殊的數(shù)據(jù)格式婿脸,本質(zhì)是一個(gè)字符串

就是對(duì)象內(nèi)部的key和value都用雙引號(hào)包裹的字符串(必須是雙引號(hào))

JSON.parse

JSON.parse是將json 格式的字符串轉(zhuǎn)換為 js 的對(duì)象或者數(shù)組

JSON.stringify

JSON.stringify是將js 的對(duì)象或者數(shù)組轉(zhuǎn)換為json 格式的字符串

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末粱胜,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子狐树,更是在濱河造成了極大的恐慌焙压,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抑钟,死亡現(xiàn)場(chǎng)離奇詭異涯曲,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)在塔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門幻件,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人蛔溃,你說(shuō)我怎么就攤上這事绰沥。” “怎么了城榛?”我有些...
    開(kāi)封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵揪利,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我狠持,道長(zhǎng)疟位,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任喘垂,我火速辦了婚禮甜刻,結(jié)果婚禮上绍撞,老公的妹妹穿的比我還像新娘。我一直安慰自己得院,他們只是感情好傻铣,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著祥绞,像睡著了一般非洲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蜕径,一...
    開(kāi)封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天两踏,我揣著相機(jī)與錄音,去河邊找鬼兜喻。 笑死梦染,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的朴皆。 我是一名探鬼主播帕识,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼遂铡!你這毒婦竟也來(lái)了肮疗?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤忧便,失蹤者是張志新(化名)和其女友劉穎族吻,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體珠增,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年砍艾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蒂教。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡脆荷,死狀恐怖凝垛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蜓谋,我是刑警寧澤梦皮,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站桃焕,受9級(jí)特大地震影響剑肯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜观堂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一让网、第九天 我趴在偏房一處隱蔽的房頂上張望呀忧。 院中可真熱鬧,春花似錦溃睹、人聲如沸而账。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)泞辐。三九已至,卻和暖如春竞滓,著一層夾襖步出監(jiān)牢的瞬間咐吼,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工虽界, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留汽烦,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓莉御,卻偏偏與公主長(zhǎng)得像撇吞,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子礁叔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

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

  • 由于受新型冠狀病毒的影響牍颈,假期又延長(zhǎng)了,又不能出門琅关,只好在家認(rèn)真學(xué)習(xí)了煮岁,就借此機(jī)會(huì)閱讀完阮一峰老師的ECMAScr...
    寫前端的大叔閱讀 170評(píng)論 0 0
  • 前端主要包括HTML(5)、CSS(3)涣易、JavaScript三個(gè)部分画机,其中JavaScript負(fù)責(zé)前端交互即邏輯...
    倒霉蛋兒_才才閱讀 296評(píng)論 0 2
  • 1.項(xiàng)目所遇到的問(wèn)題集合 [if !supportLists]1.[endif]設(shè)置div的背景陰影 用:box-...
    一笑奈何_3bea閱讀 1,156評(píng)論 0 0
  • Web開(kāi)發(fā)需要用到哪些技術(shù)? 這套系統(tǒng)介紹使用JavaScript來(lái)完成Web開(kāi)發(fā)新症,我們?cè)趯W(xué)習(xí)js之前需要了解一下...
    三月木頭閱讀 296評(píng)論 0 0
  • 16宿命:用概率思維提高你的勝算 以前的我是風(fēng)險(xiǎn)厭惡者步氏,不喜歡去冒險(xiǎn),但是人生放棄了冒險(xiǎn)徒爹,也就放棄了無(wú)數(shù)的可能荚醒。 ...
    yichen大刀閱讀 6,033評(píng)論 0 4