第1章 ES6基礎(chǔ) 教學(xué)設(shè)計(jì)

1、黑馬程序員«web前端模塊化開(kāi)發(fā)教程(es 6+n ode.j s+webpackj教學(xué)設(shè)計(jì)課程名株：授課年級(jí)：授課學(xué)期:教師姓名：課題名稱(chēng)第1章es6基礎(chǔ)計(jì)劃 課時(shí)8課時(shí)教學(xué)引入ecmascript是由ecma國(guó)際標(biāo)準(zhǔn)化組織制定的一項(xiàng)腳本語(yǔ)言的標(biāo)準(zhǔn)化規(guī) 范，es6表示ecmascript規(guī)范的第6版，它的正式名稱(chēng)為ecmascript 2015, 這個(gè)版本中新增了很多實(shí)用的語(yǔ)法規(guī)范。近兒年,ecmascript的更新速度很快， 每年都會(huì)發(fā)布一個(gè)新版本。本章將詳細(xì)講解es6常用的語(yǔ)法規(guī)范。教學(xué)目標(biāo) 使學(xué)生了解es6的概念，能夠?qū)s6有一個(gè)初步的認(rèn)識(shí) 使學(xué)生掌握l(shuí)et和const關(guān)鍵

2、字的使用，能夠選擇合適的關(guān)鍵字聲明變量 使學(xué)生掌握解構(gòu)賦值的使用，能夠?qū)崿F(xiàn)數(shù)組和對(duì)象的解構(gòu)賦值 使學(xué)生掌握箭頭函數(shù)的使用，能夠正確使用this關(guān)鍵字 使學(xué)生掌握剩余參數(shù)的使用，能夠正確獲取剩余參數(shù) 使學(xué)生掌握擴(kuò)展運(yùn)算符的使用，能夠?qū)崿F(xiàn)數(shù)組合并，以及將偽數(shù)組轉(zhuǎn)換為 真正的數(shù)組 使學(xué)生掌握模板字符串的使用，能夠?qū)崿F(xiàn)變量解析、換行和調(diào)用函數(shù)等操 作 使學(xué)生掌握es6內(nèi)置對(duì)象擴(kuò)展的使用，能夠?qū)崿F(xiàn)數(shù)組和字符串的處理 使學(xué)生掌握set數(shù)據(jù)結(jié)構(gòu)和symbol的基本使用，能夠?qū)崿F(xiàn)數(shù)據(jù)的操作教學(xué)重點(diǎn) let關(guān)鍵字 const關(guān)鍵字 數(shù)組的解構(gòu)賦值 對(duì)象的解構(gòu)賦值 數(shù)組的擴(kuò)展方法 字符串的擴(kuò)展方法 set實(shí)例的操

3、作方法 set實(shí)例遍歷方法教學(xué)難點(diǎn) 箭頭函數(shù)中的this關(guān)鍵字 數(shù)組的擴(kuò)展方法 set實(shí)例的操作方法教學(xué)方式課堂教學(xué)以ppt講授為主，并結(jié)合多媒體進(jìn)行教學(xué)教 學(xué) 過(guò) 程第一課時(shí)（初識(shí)es6、let關(guān)鍵字、const關(guān)鍵字，let const、var關(guān)鍵字之間 的區(qū)別）一、創(chuàng)設(shè)情景，導(dǎo)入新課ecmascript 是 javascript 語(yǔ)言的標(biāo)準(zhǔn)，javascript 是實(shí)現(xiàn) ecmascript 標(biāo)準(zhǔn) 的腳本語(yǔ)言。es6表示ecmascript規(guī)范的第6版,它的正式名稱(chēng)為ecmascript 2015,這個(gè)版本中新增了很多實(shí)用的語(yǔ)法規(guī)范。es6的出現(xiàn)，給前端開(kāi)發(fā)人員帶來(lái)了新的驚喜。es6帶來(lái)

4、了許多新特性，可 以更加方便地實(shí)現(xiàn)很多復(fù)雜的操作，提高開(kāi)發(fā)人員的效率。本節(jié)講解es6的概念，es6中的let關(guān)鍵字和const關(guān)鍵字，以及l(fā)et、const> var關(guān)鍵字之間的區(qū)別。二、新課講解知識(shí)點(diǎn)1-初識(shí)es6教師通過(guò)ppt的方式講解ecmascript和javascript語(yǔ)言?xún)烧咧g的關(guān)系， 以及es6的由來(lái)。(1) 簡(jiǎn)單來(lái)說(shuō)，ecmascript是javascript語(yǔ)言的國(guó)際標(biāo)準(zhǔn)，javascript是 實(shí)現(xiàn)ecmascript標(biāo)準(zhǔn)的腳本語(yǔ)言。(2) 2011年，ecma國(guó)際標(biāo)準(zhǔn)化組織在發(fā)布ecmascript 5.1版本之后， 就開(kāi)始著手制定第6版規(guī)范。(3) 嚴(yán)格來(lái)說(shuō),

5、es6是ecmascript 2015的簡(jiǎn)稱(chēng)，不應(yīng)用來(lái)表示ecmascript 2015之后的版本，但許多資料習(xí)慣用es6來(lái)泛指ecmascript 2015 及之后的新版本，我們也沿用這一習(xí)慣。我們所講的es6也加入了新 版本的內(nèi)容，并沒(méi)有局限在ecmascript 2015版本內(nèi)。(4) ecmascript版本眾多，且更新較快，對(duì)初學(xué)者來(lái)說(shuō)，并不需要刻意區(qū) 分每個(gè)版本的差別，只要掌握一些常用語(yǔ)法的使用即可。知識(shí)點(diǎn)2-let關(guān)鍵字教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解let關(guān)鍵字的新特性。(1) let關(guān)鍵字聲明的變量只在所處的塊級(jí)有效。 使用let關(guān)鍵字聲明變量，可以防止內(nèi)層變量覆蓋外層變

6、量。 防止循環(huán)變量變成全局變量。(2) let關(guān)鍵字聲明的變量不存在變量提升。(3) let關(guān)鍵字聲明的變量具有暫時(shí)性死區(qū)特性。知識(shí)點(diǎn)3-const關(guān)鍵字教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解const關(guān)鍵字聲明的常量。(1) const關(guān)鍵字聲明的常量具有塊級(jí)作用域。(2) const關(guān)鍵字聲明常量時(shí)必須賦值。(3) const關(guān)鍵字聲明常量并賦值后，值不能修改。 對(duì)于基本數(shù)據(jù)類(lèi)型的值(如數(shù)值、字符串)，一旦賦值，值就不可 修改。 對(duì)于復(fù)雜數(shù)據(jù)類(lèi)型(如數(shù)組、對(duì)象)，雖然不能重新賦值，但是可 以更改數(shù)據(jù)結(jié)構(gòu)內(nèi)部的值。知識(shí)點(diǎn)4- let> const、var關(guān)鍵字之間的區(qū)別教師通過(guò)ppt的方

7、式講解javascript中的let關(guān)鍵字和const關(guān)鍵字與以前 經(jīng)常使用的var關(guān)鍵字之間的區(qū)別。(1) 變量的作用域范圍不同。 使用var關(guān)鍵字聲明的變量，其作用域?yàn)樵撜Z(yǔ)句所在的函數(shù)內(nèi)， 且存在變量提升現(xiàn)象。 使用let關(guān)鍵字聲明的變量和使用const關(guān)鍵字聲明的常量都具有 塊級(jí)作用域。如果在語(yǔ)句塊中聲明，只能在語(yǔ)句塊中訪問(wèn)它們， 而不能在語(yǔ)句塊外部訪問(wèn)它們。(2) 變量提升。 使用var關(guān)鍵字聲明的變量存在變量提升，可以先使用再聲明。 使用let關(guān)鍵字聲明的變量和const關(guān)鍵字聲明的常量不存在變量 提升功能，并且它們的語(yǔ)法更嚴(yán)格，只能先聲明再使用。(3) 值是否能夠改變。 對(duì)于使用v

8、ar關(guān)鍵字和let關(guān)鍵字聲明的變量，可以更改變量的值。 對(duì)于使用const關(guān)鍵字聲明的常量，不能更改常量值對(duì)應(yīng)的內(nèi)存 地址。三、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過(guò)測(cè)試題的方式引導(dǎo)學(xué)生解答問(wèn)題并給 予指導(dǎo)。四、布置作業(yè)教師通過(guò)高校教輔平臺(tái)()布置本節(jié)課作業(yè)以及下節(jié)課 的預(yù)習(xí)作業(yè)。第二課時(shí)(數(shù)組的解構(gòu)賦值、對(duì)象的解構(gòu)賦值)一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固 講解。二、通過(guò)直接引入的方式導(dǎo)入新課解構(gòu)表示對(duì)數(shù)據(jù)結(jié)構(gòu)進(jìn)行分解，賦值是指將某一數(shù)值賦給變量的過(guò)程。在 es6中，允許按照一一對(duì)應(yīng)的方式，從數(shù)組或?qū)ο笾刑崛≈?，然后將提取出?lái) 的值賦給變量。解構(gòu)賦值

9、的優(yōu)點(diǎn)是它可以讓編寫(xiě)的代碼簡(jiǎn)潔易讀，語(yǔ)義更加清 晰，并且可以方便地從數(shù)組或?qū)ο笾刑崛≈?。下面將分別講解數(shù)組和對(duì)象的解 構(gòu)賦值。三、新課講解知識(shí)點(diǎn)1 數(shù)組的解構(gòu)賦值教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解數(shù)組的解構(gòu)賦值。(1) 什么是數(shù)組的解構(gòu)賦值。 數(shù)組的解構(gòu)賦值，就是將數(shù)組中的值提取出來(lái)，然后賦值給另外 的變量。(2) 數(shù)組解構(gòu)的基本形式 變量的數(shù)量和數(shù)組中值的數(shù)量相一致的情況。 如果變量的數(shù)量和數(shù)組中值的數(shù)量不一致，那么變量的值就等于 undefined,也就是解構(gòu)不成功。知識(shí)點(diǎn)2.對(duì)象的解構(gòu)賦值教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解對(duì)象的解構(gòu)賦值。(1) 什么是對(duì)象的解構(gòu)賦值。 對(duì)象解構(gòu)允許使

10、用變量的名字匹配對(duì)象中屬性，如果匹配成功就 將對(duì)象中屬性的值賦值給變量。(2) 對(duì)象解構(gòu)的第一種形式。 等號(hào)左邊的大括號(hào)中寫(xiě)的是變量的名字，等號(hào)的右邊要寫(xiě)具體被 解構(gòu)的對(duì)象(3) 對(duì)象解構(gòu)的第二種形式。 這種形式支持變量的名字和對(duì)象中屬性的名字不一樣的情況，等 號(hào)左邊的大括號(hào)代表對(duì)象解構(gòu)，它的語(yǔ)法和對(duì)象類(lèi)似，通過(guò)大括 號(hào)中的屬性匹配對(duì)象當(dāng)中的屬性。四、歸納總結(jié)通過(guò)提問(wèn)的方式加強(qiáng)學(xué)生對(duì)數(shù)組和對(duì)象解構(gòu)賦值的認(rèn)識(shí)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)()布置本節(jié)課作業(yè)以及下節(jié)課 的預(yù)習(xí)作業(yè)。第三課時(shí)(箭頭函數(shù)的語(yǔ)法、箭頭函數(shù)的特點(diǎn)、箭頭函數(shù)中的this關(guān)鍵字)一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)

11、學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固 講解。二、通過(guò)需求引入的方式導(dǎo)入新課講解es6中箭頭函數(shù)的概念和作用，引出箭頭函數(shù)的語(yǔ)法、特點(diǎn)等內(nèi)容。三、新課講解知識(shí)點(diǎn)1 箭頭函數(shù)的語(yǔ)法教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解定義箭頭函數(shù)的基本語(yǔ)法。 箭頭函數(shù)基本語(yǔ)法為：()=> 箭頭函數(shù)以小括號(hào)開(kāi)頭，在小括號(hào)中可以放置參數(shù)。小括號(hào)的后 面要跟上箭頭(=>),箭頭后面要寫(xiě)一個(gè)方括號(hào)來(lái)表示函數(shù)體， 這是箭頭函數(shù)的固定語(yǔ)法。 箭頭函數(shù)沒(méi)有名字，在實(shí)際開(kāi)發(fā)中，通常的做法是把箭頭函數(shù)5k 值給一個(gè)變量，變量名字就是函數(shù)名字，然后通過(guò)變量名字去調(diào) 用函數(shù)。 也可以定義一個(gè)沒(méi)有參數(shù)的箭頭函數(shù)。知識(shí)點(diǎn)2.箭頭函數(shù)

12、的特點(diǎn)教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解箭頭函數(shù)的特點(diǎn)。(1) 省略大括號(hào)。 在箭頭函數(shù)中，如果函數(shù)體中只有一句代碼，且代碼的執(zhí)行結(jié)果 就是函數(shù)的返回值，此時(shí)可以省略函數(shù)體大括號(hào)。 案例：定義一個(gè)函數(shù)計(jì)算兩個(gè)數(shù)值相加的結(jié)果，該函數(shù)接收兩個(gè) 數(shù)值作為參數(shù)，在函數(shù)體內(nèi)計(jì)算兩個(gè)數(shù)值相加的結(jié)果并返回。(2) 省略參數(shù)外部的小括號(hào)。 在箭頭函數(shù)中，如果參數(shù)只有一個(gè)，可以省略參數(shù)外部的小括號(hào)。 案例：演示es6箭頭函數(shù)中，只有一個(gè)參數(shù)的函數(shù)定義方式。 案例：演示帶有一個(gè)參數(shù)的函數(shù)，并在瀏覽器的彈出框中彈出參 數(shù)值。知識(shí)點(diǎn)3.箭頭函數(shù)中的this關(guān)鍵字教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解箭頭函數(shù)中的thi

13、s關(guān)鍵字。(1) 講解在es6中，this關(guān)鍵字的指向問(wèn)題。 在es6中，箭頭函數(shù)不綁定ihis關(guān)鍵字，它沒(méi)有自己的this關(guān)鍵 字。 如果在箭頭函數(shù)中使用this關(guān)鍵字，那么this關(guān)鍵字指向的是箭 頭函數(shù)定義位置的上下文this。(2) 通過(guò)案例演示es6中this的指向問(wèn)題。四、歸納總結(jié)通過(guò)提問(wèn)的方式加強(qiáng)學(xué)生對(duì)箭頭函數(shù)特點(diǎn)的認(rèn)識(shí)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)()布置本節(jié)課作業(yè)以及下節(jié)課 的預(yù)習(xí)作業(yè)。第四課時(shí)(剩余參數(shù)的語(yǔ)法、剩余參數(shù)和解構(gòu)賦值配合使用、擴(kuò)展運(yùn)算符的語(yǔ)法、擴(kuò)展運(yùn)算符的應(yīng)用)一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固 講解。二、通過(guò)需求引

14、入的方式導(dǎo)入新課在es6之前，javascript函數(shù)內(nèi)部有一個(gè)arguments對(duì)象，可以使用這個(gè)對(duì) 象來(lái)獲取所有實(shí)參?，F(xiàn)在es6給我們提供了一個(gè)新的對(duì)象，也可以實(shí)現(xiàn)這一功 能，并且該對(duì)象也可以很方便地獲取函數(shù)中除開(kāi)始參數(shù)之外的其余參數(shù)。三、新課講解知識(shí)點(diǎn)1 剩余參數(shù)的語(yǔ)法教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解剩余參數(shù)的語(yǔ)法。(1) 什么是剩余參數(shù)。 剩余參數(shù)是程序員自定義的一個(gè)普通標(biāo)識(shí)符，接收剩余參數(shù)的變 量是一個(gè)數(shù)組(array的實(shí)例)。 可以直接使用所有的數(shù)組方法，如sort。、map。、foreach()或pop() 方法等。(2) 通過(guò)案例演示如何使用剩余參數(shù)計(jì)算多個(gè)數(shù)值的求和結(jié)果。

15、知識(shí)點(diǎn)2-剩余參數(shù)和解構(gòu)賦值配合使用教師以數(shù)組的解構(gòu)賦值為例，演示剩余參數(shù)和解構(gòu)的使用方法。 使用let關(guān)鍵字聲明了一個(gè)students數(shù)組。 數(shù)組中有3個(gè)值，分別為“王五”“張三”“李四” 使用解構(gòu)的方式從數(shù)組中提取值，數(shù)組中有3個(gè)值，但只有2個(gè) 解構(gòu)變量。在這種情況下，si變量對(duì)應(yīng)“王五”，我們?cè)趕2前面 添加3個(gè)點(diǎn)來(lái)接收students數(shù)組中剩余的元素。 結(jié)果，s2變量是一個(gè)數(shù)組，存儲(chǔ)了 “張三”“李四”兩個(gè)元素。 知識(shí)點(diǎn)3-擴(kuò)展運(yùn)算符的語(yǔ)法教師通過(guò)案例的形式，演示擴(kuò)展運(yùn)算符在數(shù)組中的使用。 使用let關(guān)鍵字聲明了一個(gè)ary數(shù)組，數(shù)組中有3個(gè)值，分別為1、 2、3o 在數(shù)組變量名ary的

16、前面添加3個(gè)點(diǎn)，表示將數(shù)組元素拆分成以 逗號(hào)分隔的參數(shù)序列。 console.logo方法可以接收多個(gè)參數(shù)，多個(gè)參數(shù)以逗號(hào)分隔，表示 一次輸出多個(gè)內(nèi)容 使用擴(kuò)展運(yùn)算符將ary數(shù)組拆分成以逗號(hào)分隔的參數(shù)序列后，又 將參數(shù)序列放在了 console.logo方法中，此時(shí)參數(shù)序列中的逗號(hào)會(huì) 被當(dāng)成console.logo方法的參數(shù)分隔符，所以輸出結(jié)果中沒(méi)有逗 號(hào)。知識(shí)點(diǎn)4.擴(kuò)展運(yùn)算符的應(yīng)用教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解擴(kuò)展運(yùn)算符的應(yīng)用。(1) 利用擴(kuò)展運(yùn)算符合并數(shù)組。 通過(guò)案例演示數(shù)組合并的2種方式。(2) 利用擴(kuò)展運(yùn)算符將偽數(shù)組轉(zhuǎn)換為真正的數(shù)組。 偽數(shù)組可以應(yīng)用數(shù)組的length屬性但是無(wú)法

17、直接調(diào)用數(shù)組方法， 它也可以像數(shù)組一樣進(jìn)行遍歷。典型的偽數(shù)組包括函數(shù)中的 arguments> documcnt.getelemcntsbytagname()返回的元素集合， 以及 document.childnodes 等。 通過(guò)案例的形式使用擴(kuò)展運(yùn)算符來(lái)將偽數(shù)組或可遍歷的對(duì)象轉(zhuǎn)換 為真正的數(shù)組。四、歸納總結(jié)通過(guò)提問(wèn)的方式加強(qiáng)學(xué)生對(duì)擴(kuò)展運(yùn)算符的認(rèn)識(shí)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)()布置本節(jié)課作業(yè)以及下節(jié)課 的預(yù)習(xí)作業(yè)。第五課時(shí)(模板字符串、數(shù)組的擴(kuò)展方法、字符串的擴(kuò)展方法)一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固 講解。二、通過(guò)需求引入的方式導(dǎo)入

18、新課在程序開(kāi)發(fā)中，經(jīng)常需要將字符串和變量拼接在一起，或者需要用字符串 來(lái)保存一大段html代碼。如果使用傳統(tǒng)的單引號(hào)和雙引號(hào)語(yǔ)法，寫(xiě)起來(lái)會(huì)比 較麻煩，代碼可讀性也不好，因此es6提供了一種新的字符串創(chuàng)建方式，就是 用反引號(hào)來(lái)定義模板字符串。es6為array (數(shù)組)、string (字符串)等內(nèi)置對(duì)象提供了許多擴(kuò)展方法， 從而幫助開(kāi)發(fā)人員提高開(kāi)發(fā)效率。通過(guò)擴(kuò)展方法可以實(shí)現(xiàn)很多方便的功能，如 將偽數(shù)組轉(zhuǎn)換為真正的數(shù)組、在數(shù)組中查找出符合條件的數(shù)組成員等。本節(jié)講解模板字符串、數(shù)組的擴(kuò)展方法、字符串的擴(kuò)展方法。三、新課講解知識(shí)點(diǎn)1 模板字符串教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解模板字符串的語(yǔ)法和應(yīng)

19、用。(1) 模板字符串的語(yǔ)法。 模板字符串是es6新增的創(chuàng)建字符串的方式，它使用反引號(hào)進(jìn)行 定義。 通過(guò)案例的形式演示如何定義模板字符串。(2) 模板字符串的應(yīng)用。 模板字符串可以解析變量。 教師通過(guò)案例的形式演示模板字符串如何解析變量。 在模板字符串中可以換行。 教師通過(guò)案例的形式演示模板字符串如何換行。 在模板字符串中可以調(diào)用函數(shù)。 教師通過(guò)案例的形式演示模板字符串中如何調(diào)用函數(shù)。知識(shí)點(diǎn)2.數(shù)組的擴(kuò)展方法教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解數(shù)組的擴(kuò)展方法。(1)使用數(shù)組的擴(kuò)展方法from。將偽數(shù)組轉(zhuǎn)換為真正的數(shù)組。 在array構(gòu)造函數(shù)中，提供了一個(gè)from。方法，它可以接收一個(gè) 偽數(shù)組作

20、為參數(shù)，返回值為轉(zhuǎn)換后的結(jié)果，這個(gè)結(jié)果是一個(gè)真正 的數(shù)組。 在array構(gòu)造函數(shù)中，from。方法還可以接收兩個(gè)參數(shù)，這與數(shù)組 中的map。方法類(lèi)似，它用于處理數(shù)組中的每個(gè)元素并將處理后 的結(jié)果放入返回的數(shù)組中。(2) 使用數(shù)組實(shí)例的find。方法在數(shù)組中查找出第一個(gè)符合條件的數(shù)組成 員。 在數(shù)組實(shí)例中，es6提供了一個(gè)find。方法，它用于在數(shù)組中查找 出第一個(gè)符合條件的數(shù)組成員。 find()方法接收一個(gè)函數(shù)作為參數(shù)，所有數(shù)組成員依次執(zhí)行該回調(diào) 函數(shù)，直到找出第一個(gè)返回值為true的成員，然后返回該成員， 如果沒(méi)有找到符合條件的成員，則返回undefinedo(3) 使用數(shù)組實(shí)例的find

21、lndex()方法在數(shù)組中查找出第一個(gè)符合條件的數(shù) 組成員的位置。 在數(shù)組實(shí)例中,findlndex()方法用于在數(shù)組中查找出第一個(gè)符合條 件的數(shù)組成員的位置，如果沒(méi)有找到則返回1。findlndexo方法的 使用與and。方法非常類(lèi)似。(4) 使用數(shù)組實(shí)例的includes()方法檢查是否包含某個(gè)給定的值。 es6中為數(shù)組實(shí)例提供了 includes()方法來(lái)表示某個(gè)數(shù)組是否包含 給定的值，返回一個(gè)布爾值，true表示包含給定的值，false表示 不包含給定的值。知識(shí)點(diǎn)3.字符串的擴(kuò)展方法教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解字符串的擴(kuò)展方法。(1) 字符串實(shí)例的startswith()方法和

22、endswith。方法。 startswith。方法表示參數(shù)字符串是否在原字符串的頭部，用來(lái)判 斷字符串是否以某字符串開(kāi)頭。 endswith()方法表示參數(shù)字符串是否在原字符串的尾部，用來(lái)判斷 字符串是否以某字符串結(jié)尾。上述兩個(gè)方法如果滿(mǎn)足條件則返回 true,反之返回falseo(2) 字符串實(shí)例的repeat()方法。 repcat()方法表示將原字符串重復(fù)n次，它返回一個(gè)新字符串，并 接收一個(gè)數(shù)值作為參數(shù)，表示將字符串重復(fù)多少次。四、歸納總結(jié)通過(guò)提問(wèn)的方式加強(qiáng)學(xué)生對(duì)數(shù)組和字符串?dāng)U展方法的認(rèn)識(shí)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)()布置本節(jié)課作業(yè)以及下節(jié)課 的預(yù)習(xí)作業(yè)。第六課時(shí)(set數(shù)據(jù)

23、結(jié)構(gòu)基本使用、set實(shí)例的操作方法、set實(shí)例的遍歷方法、 symbol的基本使用、使用symbol作為對(duì)象屬性名)一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固 講解。二、通過(guò)直接引入的方式導(dǎo)入新課es6提供了新的數(shù)據(jù)結(jié)構(gòu)set。set類(lèi)似于數(shù)組，但是成員的值都是唯一的, 沒(méi)有重復(fù)的值。set實(shí)例的方法分為兩大類(lèi)，即操作方法(用于操作數(shù)據(jù))和遍 歷方法(用于遍歷成員)。symbol是es6中新增的一種原始數(shù)據(jù)類(lèi)型，它的功能類(lèi)似于一種標(biāo)識(shí)唯 一性的id值，表示獨(dú)一無(wú)二。本節(jié)講解set與symbol相關(guān)的知識(shí)內(nèi)容。三、新課講解知識(shí)點(diǎn)lset數(shù)據(jù)結(jié)構(gòu)基本使用教師通過(guò)p

24、pt結(jié)合實(shí)際操作的方式講解set數(shù)據(jù)結(jié)構(gòu)。(1) set數(shù)據(jù)結(jié)構(gòu)的應(yīng)用場(chǎng)景。 set數(shù)據(jù)結(jié)構(gòu)常用于電商網(wǎng)站的搜索功能，用戶(hù)搜索完成后，網(wǎng)站 要記錄用戶(hù)搜索的關(guān)鍵字，方便用戶(hù)下次直接單擊搜索歷史關(guān)鍵 字就可以完成搜索。 搜索歷史關(guān)鍵字的存儲(chǔ)可以使用set數(shù)據(jù)結(jié)構(gòu)，因?yàn)樗阉鳉v史關(guān) 鍵字不能有重復(fù)的值，而用戶(hù)完全有可能多次輸入相同的搜索關(guān) 鍵字。使用set存儲(chǔ)值時(shí)，set數(shù)據(jù)結(jié)構(gòu)內(nèi)部會(huì)自動(dòng)判斷值是否重 復(fù)，如果重復(fù)則不會(huì)進(jìn)行存儲(chǔ)。(2) 數(shù)組解構(gòu)的基本使用。 創(chuàng)建set數(shù)據(jù)結(jié)構(gòu)。 初始化set數(shù)據(jù)結(jié)構(gòu)。 利用set數(shù)據(jù)結(jié)構(gòu)給數(shù)組去重。知識(shí)點(diǎn)2-set實(shí)例的操作方法教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解

25、set實(shí)例的操作方法。(1) set實(shí)例的add。方法。 set實(shí)例提供的add。方法用于向set數(shù)據(jù)結(jié)構(gòu)中添加某個(gè)值，它 接收一個(gè)參數(shù)代表要添加的值，返回set結(jié)構(gòu)本身。(2) set實(shí)例的delete()方法。 set實(shí)例提供的delete。方法用于刪除set數(shù)據(jù)結(jié)構(gòu)中的某個(gè)值， 它接收一個(gè)參數(shù)代表要?jiǎng)h除的值，返回一個(gè)布爾值，表示刪除是 否成功。 如果結(jié)果為true則表示刪除成功，為false則表示刪除失敗。(3) set實(shí)例的has()方法。 set實(shí)例提供的has。方法，它接收一個(gè)參數(shù)代表該參數(shù)是否為set 數(shù)據(jù)結(jié)構(gòu)中的成員，返回一個(gè)布爾值。 如果結(jié)果為true則表示包含該成員，為false則表示不包含該成員。(4) set實(shí)例的clear。方法。 set實(shí)例提供的clear。方法用于清除set數(shù)據(jù)結(jié)構(gòu)中的所有成員， 該方法沒(méi)有返回值。知識(shí)點(diǎn)3-set實(shí)例的遍歷方法教師通過(guò)ppt結(jié)合實(shí)際操作的方式講解set實(shí)例的遍歷方法。 set數(shù)據(jù)結(jié)構(gòu)的實(shí)例提供了 foreach()方法，用于遍歷set數(shù)據(jù)結(jié)