Web前端技術(shù)主講人：XXX

XXX學(xué)院【知識(shí)目標(biāo)】

掌握J(rèn)avaScript基本輸入語句；

掌握J(rèn)avaScript基本輸出語句；

理解變量的概念；

熟悉變量的命名規(guī)則；

掌握變量的使用；

了解變量的數(shù)據(jù)類型；

理解變量的作用域?！炯寄苣繕?biāo)】

能夠利用輸入語句獲取輸入的數(shù)據(jù)；

能夠選擇合適的輸出語句輸出數(shù)據(jù)；

能夠根據(jù)變量命名規(guī)則定義變量和使用變量；

能夠根據(jù)需求定義全局變量和局部變量。【素質(zhì)目標(biāo)】

培養(yǎng)學(xué)生良好的代碼編寫規(guī)范；

培養(yǎng)學(xué)生自主探究精神。教學(xué)目標(biāo)知識(shí)導(dǎo)圖JavaScript基本輸入語句主講教師：林龍健（1）無默認(rèn)輸入值在JavaScript中，可以通過prompt()語句獲取用戶輸入的內(nèi)容，語法格式為:prompt("提示信息","默認(rèn)值")（2）有默認(rèn)輸入值在某些情況，輸入框中帶有默認(rèn)值可以提高信息輸入的效率。JavaScript基本輸出語句（1）alert()語句alert()語句會(huì)彈出警告框，其語法格式為：alert(msg)。參數(shù)msg可以是字符串、變量、表達(dá)式等。（2）document.write()語句document.write()語句用于在頁面上輸出內(nèi)容，其語法格式為：document.write(msg)。參數(shù)msg可以是字符串、變量、表達(dá)式等。如果參數(shù)msg中包含有HTML代碼，瀏覽器將會(huì)解析HTML代碼。（3）console.log()語句console.log()語句用于向?yàn)g覽器控制臺(tái)輸出內(nèi)容，其語法格式為：console.log(msg)。參數(shù)msg可以是字符串、變量、表達(dá)式等。JavaScript變量（1）變量概念變量是存儲(chǔ)數(shù)據(jù)的“容器”，即程序在內(nèi)存中聲明的一塊用來存放數(shù)據(jù)的空間。（2）變量命名規(guī)則在對(duì)變量命名的時(shí)候，需要遵循變量的命名規(guī)則，以避免代碼出錯(cuò)，提高代碼的可讀性，具體如下。①變量名通常由字母、數(shù)字、下劃線(_)、美元符號(hào)($)組成，但不能以數(shù)字開頭。②變量名對(duì)大小寫是敏感的，即Name和name是兩個(gè)不同的變量。③變量名不能是保留關(guān)鍵字，JavaScript保留關(guān)鍵字如表XXX所示。④變量名要盡量做到“見名知意”的作用，如age表示年齡。⑤如果變量名是由多個(gè)單詞組成，可以使用以下方式。

駝峰命名法：第一個(gè)單詞小寫，后續(xù)單詞首字母大寫，例如：firstName、lastName。

下劃線命名法：所有單詞小寫，用下劃線連接，例如：first_name、last_name。（2）變量命名規(guī)則abstractargumentsbooleanbreakbytecasecatchcharclass*constcontinuedebuggerdefaultdeletedodoubleelseenum*evalexport*extends*falsefinalfinallyfloatforfunctiongotoifimplementsimport*ininstanceofintinterfaceletlongnativenewnullpackageprivateprotectedpublicreturnshortstaticsuper*switchsynchronizedthisthrowthrowstransienttruetrytypeofvarvoidvolatilewhilewithyield--JavaScript保留關(guān)鍵字（3）變量使用在使用變量時(shí)分為兩步進(jìn)行：聲明變量和賦值。這兩步可以分開進(jìn)行，也可同時(shí)進(jìn)行。①先聲明后賦值varname,age;//同時(shí)聲明變量name和agename=‘張揚(yáng)’;//給變量name賦值age=20;//給變量age賦值②聲明時(shí)同時(shí)賦值（也叫變量的初始化）varname=‘張揚(yáng)’;varage=20;（4）變量數(shù)據(jù)類型JavaScript是一種弱類型語言，變量的類型由其值的類型來決定。示例代碼如下。varstr=“大家好！”;varnumber=25;varisReg=true;在上述代碼中，變量str的類型是字符串類型，變量number的類型是數(shù)值型，變量isReg是布爾類型。后續(xù)將會(huì)詳細(xì)介紹JavaScript數(shù)據(jù)類型知識(shí)。

變量的作用域與變量分類（1）變量作用域的含義作用域是指可訪問的變量的集合，也可理解為一個(gè)變量的生效范圍。作用域機(jī)制可以有效減少命名沖突等問題。在JavaScript中，變量根據(jù)不同的作用域，可以分類全局變量、局部變量和塊級(jí)變量。全局變量局部變量塊級(jí)變量（2）全局變量

不在任何函數(shù)體內(nèi)顯式聲明的變量或在函數(shù)體內(nèi)省略var和let隱式聲明的變量都稱為全局變量，它的有效范圍是整個(gè)JavaScript文檔。（3）局部變量在函數(shù)體內(nèi)使用var關(guān)鍵字定義的變量稱為局部變量，它的有效范圍是函數(shù)體內(nèi)。（4）塊級(jí)變量

使用let關(guān)鍵字聲明的變量就是塊級(jí)變量。塊級(jí)變量可以在{},if,for里聲明。

使用塊級(jí)變量具有提高代碼的可讀性和可維護(hù)性、提高代碼的