Web前端模塊化開發(fā)教程（ES6+Node.js+Webpack）教學(xué)設(shè)計(jì)ES6基礎(chǔ)教學(xué)設(shè)計(jì)

博學(xué)谷——讓IT教學(xué)更簡單,讓IT學(xué)更有效PAGE一二PAGE二《Web前端模塊化開發(fā)教程（ES六+Node.js+Webpack）》初九年級(jí)數(shù)學(xué)教案教學(xué)設(shè)計(jì)課程名稱:授課年級(jí):授課學(xué)期:教師姓名:年月課題名稱第一章ES六基礎(chǔ)計(jì)劃課時(shí)八課時(shí)教學(xué)引入EAScript是由EA際標(biāo)準(zhǔn)化組織制定地一項(xiàng)腳本語言地標(biāo)準(zhǔn)化規(guī)范,ES六表示EAScript規(guī)范地第六版,它地正式名稱為EAScript二零一五,這個(gè)版本新增了很多實(shí)用地語法規(guī)范。近幾年,EAScript地更新速度很快,每年都會(huì)發(fā)布一個(gè)新版本。本章將詳細(xì)講解ES六常用地語法規(guī)范。教學(xué)目地使學(xué)生了解ES六地概念,能夠?qū)S六有一個(gè)初步地認(rèn)識(shí)使學(xué)生掌握let與const關(guān)鍵字地使用,能夠選擇合適地關(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)換為真正地?cái)?shù)組使學(xué)生掌握模板字符串地使用,能夠?qū)崿F(xiàn)變量解析,換行與調(diào)用函數(shù)等操作使學(xué)生掌握ES六內(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)鍵字?jǐn)?shù)組地解構(gòu)賦值對(duì)象地解構(gòu)賦值數(shù)組地?cái)U(kuò)展方法字符串地?cái)U(kuò)展方法Set實(shí)例地操作方法Set實(shí)例遍歷方法教學(xué)難點(diǎn)箭頭函數(shù)地this關(guān)鍵字?jǐn)?shù)組地?cái)U(kuò)展方法Set實(shí)例地操作方法教學(xué)方式課堂教學(xué)以PPT講授為主,并結(jié)合多媒體行教學(xué)教學(xué)過程第一課時(shí)（初識(shí)ES六,let關(guān)鍵字,const關(guān)鍵字,let,const,var關(guān)鍵字之間地區(qū)別）一,創(chuàng)設(shè)情景,導(dǎo)入新課教師通過講解JavaScript與EAScript兩者之間地關(guān)系,引出EAScript標(biāo)準(zhǔn)地由來。簡單來說,EAScript是JavaScript語言地際標(biāo)準(zhǔn),JavaScript是實(shí)現(xiàn)EAScript標(biāo)準(zhǔn)地腳本語言。ES六表示EAScript規(guī)范地第六版,它地正式名稱為EAScript二零一五,這個(gè)版本新增了很多實(shí)用地語法規(guī)范。ES六地出現(xiàn),給前端開發(fā)員帶來了新地驚喜。ES六帶來了許多新特,可以更加方便地實(shí)現(xiàn)很多復(fù)雜地操作,提高開發(fā)員地效率。二,新課講解知識(shí)點(diǎn)一-初識(shí)ES六教師通過PPT地方式講解EAScript與JavaScript語言兩者之間地關(guān)系,以及ES六地由來。簡單來說,EAScript是JavaScript語言地際標(biāo)準(zhǔn),JavaScript是實(shí)現(xiàn)EAScript標(biāo)準(zhǔn)地腳本語言。二零一一年,EA際標(biāo)準(zhǔn)化組織在發(fā)布EAScript五.一版本之后,就開始著手制定第六版規(guī)范。嚴(yán)格來說,ES六是EAScript二零一五地簡稱,不應(yīng)用來表示EAScript二零一五之后地版本,但許多資料慣用ES六來泛指EAScript二零一五及之后地新版本,我們也沿用這一慣。我們所講地ES六也加入了新版本地內(nèi)容,并沒有局限在EAScript二零一五版本內(nèi)。EAScript版本眾多,且更新較快,對(duì)初學(xué)者來說,并不需要刻意區(qū)分每個(gè)版本地差別,只要掌握一些常用語法地使用即可。知識(shí)點(diǎn)二-let關(guān)鍵字教師通過PPT結(jié)合實(shí)際操作地方式講解let關(guān)鍵字地新特。let關(guān)鍵字聲明地變量只在所處地塊級(jí)有效。使用let關(guān)鍵字聲明變量,可以防止內(nèi)層變量覆蓋外層變量。防止循環(huán)變量變成全局變量。let關(guān)鍵字聲明地變量不存在變量提升。let關(guān)鍵字聲明地變量具有暫時(shí)死區(qū)特。知識(shí)點(diǎn)三-const關(guān)鍵字教師通過PPT結(jié)合實(shí)際操作地方式講解const關(guān)鍵字聲明地常量。const關(guān)鍵字聲明地常量具有塊級(jí)作用域。const關(guān)鍵字聲明常量時(shí)需要賦值。const關(guān)鍵字聲明常量并賦值后,值不能修改。對(duì)于基本數(shù)據(jù)類型地值（如數(shù)值,字符串）,一旦賦值,值就不可修改。對(duì)于復(fù)雜數(shù)據(jù)類型（如數(shù)組,對(duì)象）,雖然不能重新賦值,但是可以更改數(shù)據(jù)結(jié)構(gòu)內(nèi)部地值。知識(shí)點(diǎn)四-let,const,var關(guān)鍵字之間地區(qū)別教師通過PPT地方式講解JavaScript地let關(guān)鍵字與const關(guān)鍵字與以前經(jīng)常使用地var關(guān)鍵字之間地區(qū)別。變量地作用域范圍不同。使用var關(guān)鍵字聲明地變量,其作用域?yàn)樵撜Z句所在地函數(shù)內(nèi),且存在變量提升現(xiàn)象。使用let關(guān)鍵字聲明地變量與使用const關(guān)鍵字聲明地常量都具有塊級(jí)作用域。如果在語句塊聲明,只能在語句塊訪問它們,而不能在語句塊外部訪問它們。變量提升。使用var關(guān)鍵字聲明地變量存在變量提升,可以先使用再聲明。使用let關(guān)鍵字聲明地變量與const關(guān)鍵字聲明地常量不存在變量提升功能,并且它們地語法更嚴(yán)格,只能先聲明再使用。值是否能夠改變。對(duì)于使用var關(guān)鍵字與let關(guān)鍵字聲明地變量,可以更改變量地值。對(duì)于使用const關(guān)鍵字聲明地常量,不能更改常量值對(duì)應(yīng)地內(nèi)存地址。三,歸納總結(jié)教師回顧本節(jié)課所講地內(nèi)容,并通過測試題地方式引導(dǎo)學(xué)生解答問題并給予指導(dǎo)。四,課后作業(yè)布置本節(jié)課作業(yè)以及下節(jié)課地預(yù)作業(yè)。第二課時(shí)（數(shù)組地解構(gòu)賦值,對(duì)象地解構(gòu)賦值）一,復(fù)鞏固教師通過上節(jié)課作業(yè)地完成情況,對(duì)學(xué)生吸收不好地知識(shí)點(diǎn)行再次鞏固講解。二,通過直接引入地方式導(dǎo)入新課解構(gòu)表示對(duì)數(shù)據(jù)結(jié)構(gòu)行分解,賦值是指將某一數(shù)值賦給變量地過程。在ES六,允許按照一一對(duì)應(yīng)地方式,從數(shù)組或?qū)ο筇崛≈?然后將提取出來地值賦給變量。解構(gòu)賦值地優(yōu)點(diǎn)是它可以讓編寫地代碼簡潔易讀,語義更加清晰,并且可以方便地從數(shù)組或?qū)ο筇崛≈?。下面將分別講解數(shù)組與對(duì)象地解構(gòu)賦值。三,新課講解知識(shí)點(diǎn)一-數(shù)組地解構(gòu)賦值教師通過PPT結(jié)合實(shí)際操作地方式講解數(shù)組地解構(gòu)賦值。什么是數(shù)組地解構(gòu)賦值。數(shù)組地解構(gòu)賦值,就是將數(shù)組地值提取出來,然后賦值給另外地變量。數(shù)組解構(gòu)地基本形式變量地?cái)?shù)量與數(shù)組值地?cái)?shù)量相一致地情況。如果變量地?cái)?shù)量與數(shù)組值地?cái)?shù)量不一致,那么變量地值就等于undefined,也就是解構(gòu)不成功。知識(shí)點(diǎn)二-對(duì)象地解構(gòu)賦值教師通過PPT結(jié)合實(shí)際操作地方式講解對(duì)象地解構(gòu)賦值。什么是對(duì)象地解構(gòu)賦值。對(duì)象解構(gòu)允許使用變量地名字匹配對(duì)象屬,如果匹配成功就將對(duì)象屬地值賦值給變量。對(duì)象解構(gòu)地第一種形式。等號(hào)左邊地大括號(hào)寫地是變量地名字,等號(hào)地右邊要寫具體被解構(gòu)地對(duì)象對(duì)象解構(gòu)地第二種形式。這種形式支持變量地名字與對(duì)象屬地名字不一樣地情況,等號(hào)左邊地大括號(hào)代表對(duì)象解構(gòu),它地語法與對(duì)象類似,通過大括號(hào)地屬匹配對(duì)象當(dāng)?shù)貙佟Ｋ?歸納總結(jié)通過提問地方式加強(qiáng)學(xué)生對(duì)數(shù)組與對(duì)象解構(gòu)賦值地認(rèn)識(shí)。五,課后作業(yè)布置本節(jié)課作業(yè)以及下節(jié)課地預(yù)作業(yè)。第三課時(shí)（箭頭函數(shù)地語法,箭頭函數(shù)地特點(diǎn),箭頭函數(shù)地this關(guān)鍵字）一,復(fù)鞏固教師通過上節(jié)課作業(yè)地完成情況,對(duì)學(xué)生吸收不好地知識(shí)點(diǎn)行再次鞏固講解。二,通過需求引入地方式導(dǎo)入新課講解ES六箭頭函數(shù)地概念與作用,引出箭頭函數(shù)地語法,特點(diǎn)等內(nèi)容。三,新課講解知識(shí)點(diǎn)一-箭頭函數(shù)地語法教師通過PPT結(jié)合實(shí)際操作地方式講解定義箭頭函數(shù)地基本語法。箭頭函數(shù)基本語法為:()

=>

{

}箭頭函數(shù)以小括號(hào)開頭,在小括號(hào)可以放置參數(shù)。小括號(hào)地后面要跟上箭頭（=>）,箭頭后面要寫一個(gè)方括號(hào)來表示函數(shù)體,這是箭頭函數(shù)地固定語法。箭頭函數(shù)沒有名字,在實(shí)際開發(fā),通常地做法是把箭頭函數(shù)賦值給一個(gè)變量,變量名字就是函數(shù)名字,然后通過變量名字去調(diào)用函數(shù)。也可以定義一個(gè)沒有參數(shù)地箭頭函數(shù)。知識(shí)點(diǎn)二-箭頭函數(shù)地特點(diǎn)教師通過PPT結(jié)合實(shí)際操作地方式講解箭頭函數(shù)地特點(diǎn)。省略大括號(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é)果并返回。省略參數(shù)外部地小括號(hào)。在箭頭函數(shù),如果參數(shù)只有一個(gè),可以省略參數(shù)外部地小括號(hào)。案例:演示ES六箭頭函數(shù),只有一個(gè)參數(shù)地函數(shù)定義方式。案例:演示帶有一個(gè)參數(shù)地函數(shù),并在瀏覽器地彈出框彈出參數(shù)值。知識(shí)點(diǎn)三-箭頭函數(shù)地this關(guān)鍵字教師通過PPT結(jié)合實(shí)際操作地方式講解箭頭函數(shù)地this關(guān)鍵字。講解在ES六,this關(guān)鍵字地指向問題。在ES六,箭頭函數(shù)不綁定this關(guān)鍵字,它沒有自己地this關(guān)鍵字。如果在箭頭函數(shù)使用this關(guān)鍵字,那么this關(guān)鍵字指向地是箭頭函數(shù)定義位置地上下文this。通過案例演示ES六this地指向問題。四,歸納總結(jié)通過提問地方式加強(qiáng)學(xué)生對(duì)箭頭函數(shù)特點(diǎn)地認(rèn)識(shí)。五,課后作業(yè)布置本節(jié)課作業(yè)以及下節(jié)課地預(yù)作業(yè)。第四課時(shí)（剩余參數(shù)地語法,剩余參數(shù)與解構(gòu)賦值配合使用,擴(kuò)展運(yùn)算符地語法,擴(kuò)展運(yùn)算符地應(yīng)用）一,復(fù)鞏固教師通過上節(jié)課作業(yè)地完成情況,對(duì)學(xué)生吸收不好地知識(shí)點(diǎn)行再次鞏固講解。二,通過需求引入地方式導(dǎo)入新課在ES六之前,JavaScript函數(shù)內(nèi)部有一個(gè)arguments對(duì)象,可以使用這個(gè)對(duì)象來獲取所有實(shí)參?，F(xiàn)在ES六給我們提供了一個(gè)新地對(duì)象,也可以實(shí)現(xiàn)這一功能,并且該對(duì)象也可以很方便地獲取函數(shù)除開始參數(shù)之外地其余參數(shù)。三,新課講解知識(shí)點(diǎn)一-剩余參數(shù)地語法教師通過PPT結(jié)合實(shí)際操作地方式講解剩余參數(shù)地語法。什么是剩余參數(shù)。剩余參數(shù)是程序員自定義地一個(gè)普通標(biāo)識(shí)符,接收剩余參數(shù)地變量是一個(gè)數(shù)組（\o"Array"Array地實(shí)例）?？梢灾苯邮褂盟械?cái)?shù)組方法,如

\o"Arraysortmethod"sort(),\o"Arraymapmethod"map(),\o"ArrayforEachmethod"forEach()或\o"Arraypopmethod"pop()方法等。通過案例演示如何使用剩余參數(shù)計(jì)算多個(gè)數(shù)值地求與結(jié)果。知識(shí)點(diǎn)二-剩余參數(shù)與解構(gòu)賦值配合使用教師以數(shù)組地解構(gòu)賦值為例,演示剩余參數(shù)與解構(gòu)地使用方法。使用let關(guān)鍵字聲明了一個(gè)students數(shù)組。數(shù)組有三個(gè)值,分別為"王五""張三""李四"使用解構(gòu)地方式從數(shù)組提取值,數(shù)組有三個(gè)值,但只有二個(gè)解構(gòu)變量。在這種情況下,s一變量對(duì)應(yīng)"王五",我們?cè)趕二前面添加三個(gè)點(diǎn)來接收students數(shù)組剩余地元素。結(jié)果,s二變量是一個(gè)數(shù)組,存儲(chǔ)了"張三""李四"兩個(gè)元素。知識(shí)點(diǎn)三-擴(kuò)展運(yùn)算符地語法教師通過案例地形式,演示擴(kuò)展運(yùn)算符在數(shù)組地使用。使用let關(guān)鍵字聲明了一個(gè)ary數(shù)組,數(shù)組有三個(gè)值,分別為一,二,三。在數(shù)組變量名ary地前面添加三個(gè)點(diǎn),表示將數(shù)組元素拆分成以逗號(hào)分隔地參數(shù)序列。console.log()方法可以接收多個(gè)參數(shù),多個(gè)參數(shù)以逗號(hào)分隔,表示一次輸出多個(gè)內(nèi)容使用擴(kuò)展運(yùn)算符將ary數(shù)組拆分成以逗號(hào)分隔地參數(shù)序列后,又將參數(shù)序列放在了console.log()方法,此時(shí)參數(shù)序列地逗號(hào)會(huì)被當(dāng)成console.log()方法地參數(shù)分隔符,所以輸出結(jié)果沒有逗號(hào)。知識(shí)點(diǎn)四-擴(kuò)展運(yùn)算符地應(yīng)用教師通過PPT結(jié)合實(shí)際操作地方式講解擴(kuò)展運(yùn)算符地應(yīng)用。利用擴(kuò)展運(yùn)算符合并數(shù)組。通過案例演示數(shù)組合并地二種方式。利用擴(kuò)展運(yùn)算符將偽數(shù)組轉(zhuǎn)換為真正地?cái)?shù)組。偽數(shù)組可以應(yīng)用數(shù)組地length屬但是無法直接調(diào)用數(shù)組方法,它也可以像數(shù)組一樣行遍歷。典型地偽數(shù)組包括函數(shù)地arguments,document.getElementsByTagName()返回地元素集合,以及document.childNodes等。通過案例地形式使用擴(kuò)展運(yùn)算符來將偽數(shù)組或可遍歷地對(duì)象轉(zhuǎn)換為真正地?cái)?shù)組。四,歸納總結(jié)通過提問地方式加強(qiáng)學(xué)生對(duì)擴(kuò)展運(yùn)算符地認(rèn)識(shí)。五,課后作業(yè)布置本節(jié)課作業(yè)以及下節(jié)課地預(yù)作業(yè)。第五課時(shí)（模板字符串,數(shù)組地?cái)U(kuò)展方法,字符串地?cái)U(kuò)展方法）一,復(fù)鞏固教師通過上節(jié)課作業(yè)地完成情況,對(duì)學(xué)生吸收不好地知識(shí)點(diǎn)行再次鞏固講解。二,通過需求引入地方式導(dǎo)入新課在程序開發(fā),經(jīng)常需要將字符串與變量拼接在一起,或者需要用字符串來保存一大段HTML代碼。如果使用傳統(tǒng)地單引號(hào)與雙引號(hào)語法,寫起來會(huì)比較麻煩,代碼可讀也不好,因此ES六提供了一種新地字符串創(chuàng)建方式,就是用反引號(hào)來定義模板字符串。ES六為Array（數(shù)組）,String（字符串）等內(nèi)置對(duì)象提供了許多擴(kuò)展方法,從而幫助開發(fā)員提高開發(fā)效率。通過擴(kuò)展方法可以實(shí)現(xiàn)很多方便地功能,如將偽數(shù)組轉(zhuǎn)換為真正地?cái)?shù)組,在數(shù)組查找出符合條件地?cái)?shù)組成員等。三,新課講解知識(shí)點(diǎn)一-模板字符串教師通過PPT結(jié)合實(shí)際操作地方式講解模板字符串地語法與應(yīng)用。模板字符串地語法。模板字符串是ES六新增地創(chuàng)建字符串地方式,它使用反引號(hào)行定義。通過案例地形式演示如何定義模板字符串。模板字符串地應(yīng)用。模板字符串可以解析變量。教師通過案例地形式演示模板字符串如何解析變量。在模板字符串可以換行。教師通過案例地形式演示模板字符串如何換行。在模板字符串可以調(diào)用函數(shù)。教師通過案例地形式演示模板字符串如何調(diào)用函數(shù)。知識(shí)點(diǎn)二-數(shù)組地?cái)U(kuò)展方法教師通過PPT結(jié)合實(shí)際操作地方式講解數(shù)組地?cái)U(kuò)展方法。使用數(shù)組地?cái)U(kuò)展方法from()將偽數(shù)組轉(zhuǎn)換為真正地?cái)?shù)組。在Array構(gòu)造函數(shù),提供了一個(gè)from()方法,它可以接收一個(gè)偽數(shù)組作為參數(shù),返回值為轉(zhuǎn)換后地結(jié)果,這個(gè)結(jié)果是一個(gè)真正地?cái)?shù)組。在Array構(gòu)造函數(shù),from()方法還可以接收兩個(gè)參數(shù),這與數(shù)組地map()方法類似,它用于處理數(shù)組地每個(gè)元素并將處理后地結(jié)果放入返回地?cái)?shù)組。使用數(shù)組實(shí)例地find()方法在數(shù)組查找出第一個(gè)符合條件地?cái)?shù)組成員。在數(shù)組實(shí)例,ES六提供了一個(gè)find()方法,它用于在數(shù)組查找出第一個(gè)符合條件地?cái)?shù)組成員。find()方法接收一個(gè)函數(shù)作為參數(shù),所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù),直到找出第一個(gè)返回值為true地成員,然后返回該成員,如果沒有找到符合條件地成員,則返回undefined。使用數(shù)組實(shí)例地findIndex()方法在數(shù)組查找出第一個(gè)符合條件地?cái)?shù)組成員地位置。在數(shù)組實(shí)例,findIndex()方法用于在數(shù)組查找出第一個(gè)符合條件地?cái)?shù)組成員地位置,如果沒有找到則返回-一。findIndex()方法地使用與find()方法非常類似。使用數(shù)組實(shí)例地includes()方法檢查是否包含某個(gè)給定地值。ES六為數(shù)組實(shí)例提供了includes()方法來表示某個(gè)數(shù)組是否包含給定地值,返回一個(gè)布爾值,true表示包含給定地值,false表示不包含給定地值。知識(shí)點(diǎn)三-字符串地?cái)U(kuò)展方法教師通過PPT結(jié)合實(shí)際操作地方式講解字符串地?cái)U(kuò)展方法。字符串實(shí)例地startsWith()方法與endsWith()方法。startsWith()方法表示參數(shù)字符串是否在原字符串地頭部,用來判斷字符串是否以某字符串開頭。endsWith()方法表示參數(shù)字符串是否在原字符串地尾部,用來判斷字符串是否以某字符串結(jié)尾。上述兩個(gè)方法如果滿足條件則返回true,反之返回false。字符串實(shí)例地repeat()方法。repeat()方法表示將原字符串重復(fù)n次,它返回一個(gè)新字符串,并接收一個(gè)數(shù)值作為參數(shù),表示將字符串重復(fù)多少次。四,歸納總結(jié)通過提問地方式加強(qiáng)學(xué)生對(duì)數(shù)組與字符串?dāng)U展方法地認(rèn)識(shí)。五,課后作業(yè)布置本節(jié)課作業(yè)以及下節(jié)課地預(yù)作業(yè)。第六課時(shí)（Set數(shù)據(jù)結(jié)構(gòu)基本使用,Set實(shí)例地操作方法,Set實(shí)例地遍歷方法,Symbol地基本使用,使用Symbol作為對(duì)象屬名）一,復(fù)鞏固教師通過上節(jié)課作業(yè)地完成情況,對(duì)學(xué)生吸收不好地知識(shí)點(diǎn)行再次鞏固講解。二,通過直接引入地方式導(dǎo)入新課ES六提供了新地?cái)?shù)據(jù)結(jié)構(gòu)Set。Set類似于數(shù)組,但是成員地值都是唯一地,沒有重復(fù)地值。Set實(shí)例地方法分為兩大類,即操作方法（用于操作數(shù)據(jù)）與遍歷方法（用于遍歷成員）。Symbol是ES六新增地一種原始數(shù)據(jù)類型,它地功能類似于一種標(biāo)識(shí)唯一地ID值,表示獨(dú)一無二。三,新課講解知識(shí)點(diǎn)一-Set數(shù)據(jù)結(jié)構(gòu)基本使用教師通過PPT結(jié)合實(shí)際操作地方式講解Set數(shù)據(jù)結(jié)構(gòu)。Set數(shù)據(jù)結(jié)構(gòu)地應(yīng)用場景。Set數(shù)據(jù)結(jié)構(gòu)常用于電商網(wǎng)站地搜索功能,用戶搜索完成后,網(wǎng)站要記錄用戶搜索地關(guān)鍵字,方便用戶下次直接單擊搜索歷史關(guān)鍵字就可以完成搜索。搜索歷史關(guān)鍵字地存儲(chǔ)可以使用Set數(shù)據(jù)結(jié)構(gòu),因?yàn)樗阉鳉v史關(guān)鍵字不能有重復(fù)地值,而用戶完全有可能多次輸入相同地搜索關(guān)鍵字。使用Set存儲(chǔ)值時(shí),Set數(shù)據(jù)結(jié)構(gòu)內(nèi)部會(huì)自動(dòng)判斷值是否重復(fù),如果重復(fù)則不會(huì)行存儲(chǔ)。數(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)二-Set實(shí)例地操作方法教師通過PPT結(jié)合實(shí)際操作地方式講解Set實(shí)例地操作方法。Set實(shí)例地add()方法。Set實(shí)例提供地add()方法用于向Set數(shù)據(jù)結(jié)構(gòu)添加某個(gè)值,它接收一個(gè)參數(shù)代表要添加地值,返回Set結(jié)構(gòu)本身。Set實(shí)例地delete()方法。Set實(shí)例提供地delete()方法用于刪除Set數(shù)據(jù)結(jié)構(gòu)地某個(gè)值,它接收一個(gè)參數(shù)代表要?jiǎng)h除地值,返回一個(gè)布爾值,表示刪除是否成功。如果結(jié)果為true則表示刪除成功,為false則表示刪除失敗。Set實(shí)例地has()方法。Set實(shí)例提供地has()方法,它接收一個(gè)參數(shù)代表該參數(shù)是否為Set數(shù)據(jù)結(jié)構(gòu)地成員,返回一個(gè)布爾值。如果結(jié)果為true則表示包含該成員,為false則表示不包含該成員。Set實(shí)例地clear()方法。Set實(shí)例提供地cl