課堂javascript基礎(chǔ)一天_第1頁(yè)
課堂javascript基礎(chǔ)一天_第2頁(yè)
課堂javascript基礎(chǔ)一天_第3頁(yè)
課堂javascript基礎(chǔ)一天_第4頁(yè)
課堂javascript基礎(chǔ)一天_第5頁(yè)
已閱讀5頁(yè),還剩104頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

JavaScript基礎(chǔ)第一天基礎(chǔ)語(yǔ)法理解變量是存儲(chǔ)數(shù)據(jù)的“容器”理解什么是數(shù)據(jù)并知道數(shù)據(jù)的分類(lèi)知道JavaScript數(shù)據(jù)類(lèi)型轉(zhuǎn)換的特征JavaScript介紹變量常量數(shù)據(jù)類(lèi)型類(lèi)型轉(zhuǎn)換實(shí)戰(zhàn)案例JavaScript介紹JavaScript是什么JavaScript書(shū)寫(xiě)位置JavaScript的注釋JavaScript的結(jié)束符輸入和輸出語(yǔ)法字面量011.1

JavaScript是什么1.JavaScript(是什么?)是一種運(yùn)行在客戶(hù)端(瀏覽器)的編程語(yǔ)言,實(shí)現(xiàn)人機(jī)交互效果。2.作用(做什么?)網(wǎng)頁(yè)特效(監(jiān)聽(tīng)用戶(hù)的一些行為讓網(wǎng)頁(yè)作出對(duì)應(yīng)的反饋)表單驗(yàn)證(針對(duì)表單數(shù)據(jù)的合法性進(jìn)行判斷)數(shù)據(jù)交互(獲取后臺(tái)的數(shù)據(jù),渲染到前端)服務(wù)端編程(node.js)1.1

JavaScript是什么3.JavaScript的組成(有什么?)ECMAScript:

規(guī)定了js基礎(chǔ)語(yǔ)法核心知識(shí)。比如:變量、分支語(yǔ)句、循環(huán)語(yǔ)句、對(duì)象等等WebAPIs:DOM操作文檔,比如對(duì)頁(yè)面元素進(jìn)行移動(dòng)、大小、添加刪除等操作BOM操作瀏覽器,比如頁(yè)面彈窗,檢測(cè)窗口寬度、存儲(chǔ)數(shù)據(jù)到瀏覽器等等權(quán)威網(wǎng)站:MDNJavaScript權(quán)威網(wǎng)站:JavaScriptECMAScriptJavaScript語(yǔ)言基礎(chǔ)DOM頁(yè)面文檔對(duì)象模型BOM瀏覽器對(duì)象模型WebAPIsJavaScript是什么?JavaScript是一種運(yùn)行在客戶(hù)端(瀏覽器)的編程語(yǔ)言JavaScript組成是什么?ECMAScript(基礎(chǔ)語(yǔ)法)、webAPIs(DOM、BOM)點(diǎn)擊切換按鈕的案例-體驗(yàn)HTML+CSS+JS實(shí)現(xiàn)交互效果體驗(yàn)-JavaScriptJavaScript介紹JavaScript是什么JavaScript書(shū)寫(xiě)位置JavaScript的注釋JavaScript的結(jié)束符輸入和輸出語(yǔ)法字面量011.2

JavaScript書(shū)寫(xiě)位置目標(biāo):知道如何向頁(yè)面添加JavaScriptCSS位置JavaScript行內(nèi)樣式表內(nèi)部樣式表外部樣式表行內(nèi)JavaScript內(nèi)部JavaScript外部JavaScript1.2

JavaScript書(shū)寫(xiě)位置直接寫(xiě)在html文件里,用script標(biāo)簽包住規(guī)范:script標(biāo)簽寫(xiě)在</body>上面拓展:alert(‘你好,js’)

頁(yè)面彈出警告對(duì)話(huà)框1.內(nèi)部JavaScript我們將<script>放在HTML文件的底部附近的原因是瀏覽器會(huì)按照代碼在文件中的順序加載HTML。如果先加載的JavaScript期望修改其下方的HTML,那么它可能由于HTML尚未被加載而失效。因此,將JavaScript代碼放在HTML頁(yè)面的底部附近通常是最好的策略。注意事項(xiàng)1.2

JavaScript書(shū)寫(xiě)位置代碼寫(xiě)在以.js結(jié)尾的文件里語(yǔ)法:通過(guò)script標(biāo)簽,引入到html頁(yè)面中。2.外部JavaScript1.script標(biāo)簽中間無(wú)需寫(xiě)代碼,否則會(huì)被忽略!2.外部JavaScript會(huì)使代碼更加有序,更易于復(fù)用,且沒(méi)有了腳本的混合,HTML也會(huì)更加易讀,因此這是個(gè)好的習(xí)慣。注意事項(xiàng)1.2

JavaScript書(shū)寫(xiě)位置代碼寫(xiě)在標(biāo)簽內(nèi)部語(yǔ)法:注意:此處作為了解即可,但是后面vue框架會(huì)用這種模式3.內(nèi)聯(lián)JavaScriptJavaScript三種書(shū)寫(xiě)位置??jī)?nèi)部

外部行內(nèi)注意事項(xiàng):書(shū)寫(xiě)的位置盡量寫(xiě)到文檔末尾</body>前面外部js標(biāo)簽中間不要寫(xiě)代碼,否則會(huì)被忽略頁(yè)面彈框課堂練習(xí)需求:請(qǐng)用外部和內(nèi)部?jī)煞NJavaScript書(shū)寫(xiě)方式,頁(yè)面彈出:努力,奮斗時(shí)間:5分鐘舉例說(shuō)明頁(yè)面彈窗:alert(‘xxxx’)JavaScript介紹JavaScript是什么JavaScript書(shū)寫(xiě)位置JavaScript的注釋JavaScript的結(jié)束符輸入和輸出語(yǔ)法字面量011.3

JavaScript注釋目標(biāo):會(huì)使用兩種JavaScript注釋方法單行注釋符號(hào)://作用://右邊這一行的代碼會(huì)被忽略快捷鍵:ctrl+/塊注釋符號(hào):/**/作用:在/*和*/之間的所有內(nèi)容都會(huì)被忽略快捷鍵:shift+alt+AJavaScript介紹JavaScript是什么JavaScript書(shū)寫(xiě)位置JavaScript的注釋JavaScript的結(jié)束符輸入和輸出語(yǔ)法字面量011.4

JavaScript結(jié)束符目標(biāo):了解JavaScript結(jié)束符結(jié)束符作用:使用英文的;代表語(yǔ)句結(jié)束實(shí)際情況:實(shí)際開(kāi)發(fā)中,可寫(xiě)可不寫(xiě),瀏覽器(JavaScript引擎)可以自動(dòng)推斷語(yǔ)句的結(jié)束位置現(xiàn)狀:在實(shí)際開(kāi)發(fā)中,越來(lái)越多的人主張,書(shū)寫(xiě)JavaScript代碼時(shí)省略結(jié)束符約定:為了風(fēng)格統(tǒng)一,結(jié)束符要么每句都寫(xiě),要么每句都不寫(xiě)(按照?qǐng)F(tuán)隊(duì)要求.)JavaScript注釋有那兩種方式?單行注釋//多行注釋/**/JavaScript結(jié)束符注意點(diǎn)結(jié)束符是?分號(hào);結(jié)束符可以省略嗎?Yes但為了風(fēng)格統(tǒng)一,結(jié)束符要么每句都寫(xiě),要么每句都不寫(xiě)小結(jié)JavaScript介紹JavaScript是什么JavaScript書(shū)寫(xiě)位置JavaScript的注釋JavaScript的結(jié)束符輸入和輸出語(yǔ)法字面量011.5

JavaScript輸入輸出語(yǔ)法目標(biāo):能寫(xiě)出常見(jiàn)JavaScript輸入輸出語(yǔ)法什么是語(yǔ)法:人和計(jì)算機(jī)打交道的規(guī)則約定我們要按照這個(gè)規(guī)則去寫(xiě)比如:你吃了嗎?我們程序員需要操控計(jì)算機(jī),需要計(jì)算機(jī)能看懂1.5

JavaScript輸入輸出語(yǔ)法目標(biāo):能寫(xiě)出常見(jiàn)JavaScript輸入輸出語(yǔ)法輸出和輸入也可理解為人和計(jì)算機(jī)的交互,用戶(hù)通過(guò)鍵盤(pán)、鼠標(biāo)等向計(jì)算機(jī)輸入信息,計(jì)算機(jī)處理后再展示結(jié)果給用戶(hù),這便是一次輸入和輸出的過(guò)程。輸出語(yǔ)法:語(yǔ)法1:作用:向body內(nèi)輸出內(nèi)容注意:如果輸出的內(nèi)容寫(xiě)的是標(biāo)簽,也會(huì)被解析成網(wǎng)頁(yè)元素語(yǔ)法2:

作用:頁(yè)面彈出警告對(duì)話(huà)框語(yǔ)法3:作用:控制臺(tái)輸出語(yǔ)法,程序員調(diào)試使用1.5

JavaScript輸入輸出語(yǔ)法2.輸入語(yǔ)法:語(yǔ)法:作用:顯示一個(gè)對(duì)話(huà)框,對(duì)話(huà)框中包含一條文字信息,用來(lái)提示用戶(hù)輸入文字展示:輸入和輸入練習(xí)需求:時(shí)間:5分鐘瀏覽器中彈出對(duì)話(huà)框:你好JS~頁(yè)面中打印輸出:JavaScript我來(lái)了!頁(yè)面控制臺(tái)輸出:它~會(huì)魔法吧~1.5

JavaScript輸入輸出語(yǔ)法JavaScript代碼執(zhí)行順序:按HTML文檔流順序執(zhí)行JavaScript代碼alert()和prompt()它們會(huì)跳過(guò)頁(yè)面渲染先被執(zhí)行(目前作為了解,后期講解詳細(xì)執(zhí)行過(guò)程)JavaScript介紹JavaScript是什么JavaScript書(shū)寫(xiě)位置JavaScript的注釋JavaScript的結(jié)束符輸入和輸出語(yǔ)法字面量011.6字面量目標(biāo):能說(shuō)出什么是字面量在計(jì)算機(jī)科學(xué)中,字面量(literal)是在計(jì)算機(jī)中描述事/物比如:我們工資是:1000此時(shí)1000就是數(shù)字字面量'黑馬程序員'字符串字面量還有接下來(lái)我們學(xué)的[]數(shù)組字面量{}對(duì)象字面量

等等1.JavaScript是什么?JavaScript是一門(mén)編程語(yǔ)言,可以實(shí)現(xiàn)很多的網(wǎng)頁(yè)交互效果。2.JavaScript書(shū)寫(xiě)位置?內(nèi)部JavaScript內(nèi)部JavaScript

–寫(xiě)到</body>標(biāo)簽上方外部JavaScript-但是<script>標(biāo)簽不要寫(xiě)內(nèi)容,否則會(huì)被忽略3.JavaScript的注釋?zhuān)繂涡凶⑨?/多行注釋/**/4.JavaScript的結(jié)束符?分號(hào);可以加也可以不加,可以按照?qǐng)F(tuán)隊(duì)約定5.JavaScript輸入輸出語(yǔ)句?輸入:prompt()輸出:alert()document.write()console.log()JavaScript介紹變量常量數(shù)據(jù)類(lèi)型類(lèi)型轉(zhuǎn)換實(shí)戰(zhàn)案例變量變量是什么變量基本使用☆變量的本質(zhì)變量命名規(guī)則與規(guī)范022.1變量是什么?問(wèn)題1:用戶(hù)輸入的數(shù)據(jù)我們?nèi)绾未鎯?chǔ)起來(lái)?答案1:變量2.1變量是什么?目標(biāo):理解變量是計(jì)算機(jī)存儲(chǔ)數(shù)據(jù)的“容器”變量:白話(huà):變量就是一個(gè)裝東西的盒子。通俗:變量是計(jì)算機(jī)中用來(lái)存儲(chǔ)數(shù)據(jù)的“容器”,它可以讓計(jì)算機(jī)變得有記憶。注意:變量不是數(shù)據(jù)本身,它們僅僅是一個(gè)用于存儲(chǔ)數(shù)值的容器。可以理解為是一個(gè)個(gè)用來(lái)裝東西的紙箱子。數(shù)據(jù)變量是怎么理解?計(jì)算機(jī)中用來(lái)存儲(chǔ)數(shù)據(jù)的“容器”,簡(jiǎn)單理解是一個(gè)個(gè)的盒子。變量有什么作用呢?用來(lái)存放數(shù)據(jù)的。注意變量指的是容器而不是數(shù)據(jù)。你還能想到那些生活中的變量?HTML標(biāo)簽教室宿舍…變量變量是什么變量基本使用☆變量的本質(zhì)變量命名規(guī)則與規(guī)范022.2變量的基本使用目標(biāo):能夠聲明一個(gè)變量并完成賦值操作變量的聲明變量的賦值2.2變量的基本使用1.聲明變量:要想使用變量,首先需要?jiǎng)?chuàng)建變量(也稱(chēng)為聲明變量或者定義變量)語(yǔ)法:聲明變量有兩部分構(gòu)成:聲明關(guān)鍵字、變量名(標(biāo)識(shí))let即關(guān)鍵字(let:允許、許可、讓、要),所謂關(guān)鍵字是系統(tǒng)提供的專(zhuān)門(mén)用來(lái)聲明(定義)變量的詞語(yǔ)

舉例:我們聲明了一個(gè)age變量age即變量的名稱(chēng),也叫標(biāo)識(shí)符2.2變量的基本使用2.變量賦值:定義了一個(gè)變量后,你就能夠初始化它(賦值)。在變量名之后跟上一個(gè)“=”,然后是數(shù)值。注意:是通過(guò)變量名來(lái)獲得變量里面的數(shù)據(jù)變量字面量2.2變量的基本使用2.變量賦值:簡(jiǎn)單點(diǎn),也可以聲明變量的時(shí)候直接完成賦值操作,這種操作也稱(chēng)為變量初始化。變量用什么關(guān)鍵字來(lái)聲明?let變量通過(guò)什么符號(hào)來(lái)賦值?

=

這個(gè)符號(hào)我們也稱(chēng)為賦值運(yùn)算符開(kāi)發(fā)中我們經(jīng)常聲明的同時(shí)可以直接賦值?課堂變量練習(xí)需求:1.聲明一個(gè)變量,用于存放用戶(hù)購(gòu)買(mǎi)的商品數(shù)量(num)

為20

件2.聲明一個(gè)變量,用于存放用戶(hù)的姓名(uname)

為’張三’3.依次控制臺(tái)打印輸出兩個(gè)變量2.2變量的基本使用目標(biāo):掌握變量的更新以及了解同時(shí)聲明多個(gè)變量的寫(xiě)法3.更新變量:變量賦值后,還可以通過(guò)簡(jiǎn)單地給它一個(gè)不同的值來(lái)更新它。注意:let不允許多次聲明一個(gè)變量。2.2變量的基本使用4.聲明多個(gè)變量:變量賦值后,還可以通過(guò)簡(jiǎn)單地給它一個(gè)不同的值來(lái)更新它。語(yǔ)法:多個(gè)變量中間用逗號(hào)隔開(kāi)。說(shuō)明:看上去代碼長(zhǎng)度更短,但并不推薦這樣。為了更好的可讀性,請(qǐng)一行只聲明一個(gè)變量。變量賦值之后如何更新新值?直接給它一個(gè)不同的值來(lái)更新它我們提倡同時(shí)聲明多個(gè)不同的變量嗎?

不提倡,可讀性不好1.變量案例-彈出姓名需求:瀏覽器中彈出對(duì)話(huà)框:請(qǐng)輸入姓名,頁(yè)面中輸出:剛才輸入的姓名分析:①:輸入:用戶(hù)輸入框:②:內(nèi)部處理:保存數(shù)據(jù)

③:輸出:頁(yè)面打印prompt()document.write()2.變量案例-交換變量的值需求:有2個(gè)變量:num1里面放的是10,num2里面放的是20最后變?yōu)閚um1里面放的是20,num2里面放的是10目的:練習(xí)變量的使用為了后面冒泡排序做準(zhǔn)備2.變量案例-交換變量的值分析:1.核心思路:使用一個(gè)臨時(shí)變量用來(lái)做中間存儲(chǔ)1020num1num2臨時(shí)變量步驟:1.聲明一個(gè)臨時(shí)變量temp2.把num1的值賦值給temp3.把num2的值賦值給num12.變量案例-交換變量的值分析:1.核心思路:使用一個(gè)臨時(shí)變量用來(lái)做中間存儲(chǔ)1020num1臨時(shí)變量num2步驟:1.聲明一個(gè)臨時(shí)變量temp2.把num1的值賦值給temp3.把num2的值賦值給num14.把temp的值給num2沒(méi)了~~~~臨時(shí)變量不用自動(dòng)銷(xiāo)毀變量變量是什么變量基本使用☆變量的本質(zhì)變量命名規(guī)則與規(guī)范022.3變量的本質(zhì)目標(biāo):能夠說(shuō)出變量的本質(zhì)是什么內(nèi)存:計(jì)算機(jī)中存儲(chǔ)數(shù)據(jù)的地方,相當(dāng)于一個(gè)空間變量本質(zhì):是程序在內(nèi)存中申請(qǐng)的一塊用來(lái)存放數(shù)據(jù)的小空間

內(nèi)存18電腦變量變量是什么變量基本使用☆變量的本質(zhì)變量命名規(guī)則與規(guī)范022.4變量命名規(guī)則與規(guī)范目標(biāo):能寫(xiě)出符合規(guī)范的變量名規(guī)則:必須遵守,不遵守報(bào)錯(cuò)(法律層面)規(guī)范:建議,不遵守不會(huì)報(bào)錯(cuò),但不符合業(yè)內(nèi)通識(shí)(道德層面)1.規(guī)則:不能用關(guān)鍵字關(guān)鍵字:有特殊含義的字符,JavaScript內(nèi)置的一些英語(yǔ)詞匯。例如:let、var、if、for等只能用下劃線、字母、數(shù)字、$組成,且數(shù)字不能開(kāi)頭字母嚴(yán)格區(qū)分大小寫(xiě),如Age和age是不同的變量2.規(guī)范:起名要有意義遵守小駝峰命名法第一個(gè)單詞首字母小寫(xiě),后面每個(gè)單詞首字母大寫(xiě)。例:userName2.4變量命名規(guī)則與規(guī)范以下哪些是合法的變量名?2.4變量命名規(guī)則與規(guī)范以下哪些是合法的變量名?變量練習(xí)-輸出用戶(hù)信息需求:讓用戶(hù)輸入自己的名字、年齡、性別,再輸出到網(wǎng)頁(yè)分析:①:彈出輸入框(prompt):請(qǐng)輸入您的姓名(uname):用變量保存起來(lái)。②:彈出輸入框(prompt):請(qǐng)輸入您的年齡(age):用變量保存起來(lái)。③:彈出輸入框(prompt):請(qǐng)輸入您的性別(gender):用變量保存起來(lái)。④:頁(yè)面分別輸出(document.write)剛才的3個(gè)變量。二.變量拓展-let和var的區(qū)別let和var區(qū)別:在較舊的JavaScript,使用關(guān)鍵字var來(lái)聲明變量

,而不是let。var現(xiàn)在開(kāi)發(fā)中一般不再使用它,只是我們可能再老版程序中看到它。let為了解決var的一些問(wèn)題。var聲明:可以先使用在聲明(不合理)var聲明過(guò)的變量可以重復(fù)聲明(不合理)比如變量提升、全局變量、沒(méi)有塊級(jí)作用域等等結(jié)論:var就是個(gè)bug,別迷戀它了,以后聲明變量我們統(tǒng)一使用let變量一次只能存幾個(gè)值?如果我想保存一個(gè)班里5個(gè)人的姓名怎么辦?數(shù)組(Array)——一種將一組數(shù)據(jù)存儲(chǔ)在單個(gè)變量名下的優(yōu)雅方式二.變量拓展-數(shù)組變量數(shù)組字面量目標(biāo):能夠聲明數(shù)組并且能夠獲取里面的數(shù)據(jù)1.聲明語(yǔ)法1.1數(shù)組的基本使用例數(shù)組是按順序保存,所以每個(gè)數(shù)據(jù)都有自己的編號(hào)計(jì)算機(jī)中的編號(hào)從0開(kāi)始,所以小明的編號(hào)為0,小剛編號(hào)為1,以此類(lèi)推在數(shù)組中,數(shù)據(jù)的編號(hào)也叫索引或下標(biāo)數(shù)組可以存儲(chǔ)任意類(lèi)型的數(shù)據(jù)1.1數(shù)組的基本使用2.取值語(yǔ)法例通過(guò)下標(biāo)取數(shù)據(jù)取出來(lái)是什么類(lèi)型的,就根據(jù)這種類(lèi)型特點(diǎn)來(lái)訪問(wèn)數(shù)組取值案例需求:定義一個(gè)數(shù)組,里面存放星期一、星期二……直到星期日(共7天),在控制臺(tái)輸出:星期日3.一些術(shù)語(yǔ):元素:數(shù)組中保存的每個(gè)數(shù)據(jù)都叫數(shù)組元素下標(biāo):數(shù)組中數(shù)據(jù)的編號(hào)長(zhǎng)度:數(shù)組中數(shù)據(jù)的個(gè)數(shù),通過(guò)數(shù)組的length屬性獲得1.1數(shù)組的基本使用1.使用數(shù)組有什么好處?數(shù)組可以保存多個(gè)數(shù)據(jù)2.數(shù)組字面量用什么表示?[]中括號(hào)3.請(qǐng)說(shuō)出下面數(shù)組中‘小米’的下標(biāo)是多少?如何取得這個(gè)數(shù)據(jù)?下標(biāo)是4獲取的寫(xiě)法是names[4]JavaScript介紹變量常量數(shù)據(jù)類(lèi)型類(lèi)型轉(zhuǎn)換實(shí)戰(zhàn)案例常量033.常量的基本使用概念:使用const聲明的變量稱(chēng)為“常量”。使用場(chǎng)景:當(dāng)某個(gè)變量永遠(yuǎn)不會(huì)改變的時(shí)候,就可以使用const來(lái)聲明,而不是let。命名規(guī)范:和變量一致常量使用:注意:常量不允許重新賦值,聲明的時(shí)候必須賦值(初始化)小技巧:不需要重新賦值的數(shù)據(jù)使用const

let—現(xiàn)在實(shí)際開(kāi)發(fā)變量聲明方式。var—以前的聲明變量的方式,會(huì)有很多問(wèn)題。const—類(lèi)似于let,但是變量的值無(wú)法被修改。

JavaScript介紹變量常量數(shù)據(jù)類(lèi)型類(lèi)型轉(zhuǎn)換實(shí)戰(zhàn)案例數(shù)據(jù)類(lèi)型數(shù)據(jù)類(lèi)型☆檢測(cè)數(shù)據(jù)類(lèi)型044.數(shù)據(jù)類(lèi)型目標(biāo):能說(shuō)出JS中基本數(shù)據(jù)類(lèi)型有哪些計(jì)算機(jī)世界中的萬(wàn)事萬(wàn)物都是數(shù)據(jù)。計(jì)算機(jī)程序可以處理大量的數(shù)據(jù),為什么要給數(shù)據(jù)分類(lèi)?1.更加充分和高效的利用內(nèi)存2.也更加方便程序員的使用數(shù)據(jù)比如:4.數(shù)據(jù)類(lèi)型JS數(shù)據(jù)類(lèi)型整體分為兩大類(lèi):基本數(shù)據(jù)類(lèi)型引用數(shù)據(jù)類(lèi)型基本數(shù)據(jù)類(lèi)型引用數(shù)據(jù)類(lèi)型number數(shù)字型string字符串型boolean布爾型undefined未定義型null空類(lèi)型object對(duì)象4.數(shù)據(jù)類(lèi)型JS數(shù)據(jù)類(lèi)型整體分為兩大類(lèi):基本數(shù)據(jù)類(lèi)型引用數(shù)據(jù)類(lèi)型基本數(shù)據(jù)類(lèi)型number數(shù)字型string字符串型boolean布爾型undefined未定義型null空類(lèi)型4.1數(shù)據(jù)類(lèi)型–數(shù)字類(lèi)型(Number)即我們數(shù)學(xué)中學(xué)習(xí)到的數(shù)字,可以是整數(shù)、小數(shù)、正數(shù)、負(fù)數(shù)。JavaScript中的正數(shù)、負(fù)數(shù)、小數(shù)等統(tǒng)一稱(chēng)為數(shù)字類(lèi)型。JS是弱數(shù)據(jù)類(lèi)型,變量到底屬于那種類(lèi)型,只有賦值之后,我們才能確認(rèn)Java是強(qiáng)數(shù)據(jù)類(lèi)型例如inta=3必須是整數(shù)注意事項(xiàng)4.1數(shù)據(jù)類(lèi)型–數(shù)字類(lèi)型(Number)數(shù)字可以有很多操作,比如,乘法*、除法/、加法+、減法-等等,所以經(jīng)常和算術(shù)運(yùn)算符一起。數(shù)學(xué)運(yùn)算符也叫算術(shù)運(yùn)算符,主要包括加、減、乘、除、取余(求模)。+:求和-:求差*:求積/:求商%:取模(取余數(shù))開(kāi)發(fā)中經(jīng)常作為某個(gè)數(shù)字是否被整除目標(biāo):能說(shuō)出JavaScript算術(shù)運(yùn)算符執(zhí)行的優(yōu)先級(jí)順序同時(shí)使用多個(gè)運(yùn)算符編寫(xiě)程序時(shí),會(huì)按著某種順序先后執(zhí)行,我們稱(chēng)為優(yōu)先級(jí)。JavaScript中優(yōu)先級(jí)越高越先被執(zhí)行,優(yōu)先級(jí)相同時(shí)以書(shū)從左向右執(zhí)行。乘、除、取余優(yōu)先級(jí)相同加、減優(yōu)先級(jí)相同乘、除、取余優(yōu)先級(jí)大于加、減使用()可以提升優(yōu)先級(jí)總結(jié):先乘除后加減,有括號(hào)先算括號(hào)里面的~~~提問(wèn):算術(shù)運(yùn)算符有那幾個(gè)常見(jiàn)的?+-*/%算術(shù)運(yùn)算符優(yōu)先級(jí)怎么記憶?先乘除取余,后加減,有小括號(hào)先算小括號(hào)里面的取余運(yùn)算符開(kāi)發(fā)中的使用場(chǎng)景是?來(lái)判斷某個(gè)數(shù)字是否能被整除計(jì)算圓的面積需求:對(duì)話(huà)框中輸入圓的半徑,算出圓的面積并顯示到頁(yè)面分析:①:面積的數(shù)學(xué)公式:π*r2②:轉(zhuǎn)換為JavaScript寫(xiě)法:變量

*r*r4.1數(shù)據(jù)類(lèi)型–數(shù)字類(lèi)型(Number)NaN代表一個(gè)計(jì)算錯(cuò)誤。它是一個(gè)不正確的或者一個(gè)未定義的數(shù)學(xué)操作所得到的結(jié)果NaN是粘性的。任何對(duì)NaN的操作都會(huì)返回NaN4.1數(shù)據(jù)類(lèi)型–字符串類(lèi)型(string)通過(guò)單引號(hào)('')、雙引號(hào)("")或反引號(hào)(`)包裹的數(shù)據(jù)都叫字符串,單引號(hào)和雙引號(hào)沒(méi)有本質(zhì)上的區(qū)別,推薦使用單引號(hào)。注意事項(xiàng):1.無(wú)論單引號(hào)或是雙引號(hào)必須成對(duì)使用2.單引號(hào)/雙引號(hào)可以互相嵌套,但是不以自已嵌套自已(口訣:外雙內(nèi)單,或者外單內(nèi)雙)3.必要時(shí)可以使用轉(zhuǎn)義符\,輸出單引號(hào)或雙引號(hào)4.1數(shù)據(jù)類(lèi)型–字符串類(lèi)型(string)字符串拼接:場(chǎng)景:+運(yùn)算符可以實(shí)現(xiàn)字符串的拼接。口訣:數(shù)字相加,字符相連模板字符串使用場(chǎng)景拼接字符串和變量在沒(méi)有它之前,要拼接變量比較麻煩語(yǔ)法``(反引號(hào))在英文輸入模式下按鍵盤(pán)的tab鍵上方那個(gè)鍵(1左邊那個(gè)鍵)內(nèi)容拼接變量時(shí),用${}包住變量1.JavaScript中什么樣數(shù)據(jù)我們知道是字符串類(lèi)型?只要用單引號(hào)、雙引號(hào)、反引號(hào)包含起來(lái)的就是字符串類(lèi)型2.字符串拼接比較麻煩,我們可以使用什么來(lái)解決這個(gè)問(wèn)題?模板字符串,可以讓我們拼接字符串更簡(jiǎn)便3.模板字符串使用注意事項(xiàng):用什么符號(hào)包含數(shù)據(jù)?反引號(hào)用什么來(lái)使用變量?${變量名}頁(yè)面輸出用戶(hù)信息案例需求:頁(yè)面彈出對(duì)話(huà)框,輸入名字和年齡,頁(yè)面顯示:大家好,我叫xxx,今年xx歲了4.1數(shù)據(jù)類(lèi)型–布爾類(lèi)型(boolean)表示肯定或否定時(shí)在計(jì)算機(jī)中對(duì)應(yīng)的是布爾類(lèi)型數(shù)據(jù)。它有兩個(gè)固定的值true和false,表示肯定的數(shù)據(jù)用true(真),表示否定的數(shù)據(jù)用false(假)。4.1數(shù)據(jù)類(lèi)型–未定義類(lèi)型(undefined)未定義是比較特殊的類(lèi)型,只有一個(gè)值undefined。什么情況出現(xiàn)未定義類(lèi)型?只聲明變量,不賦值的情況下,變量的默認(rèn)值為undefined,一般很少【直接】為某個(gè)變量賦值為undefined。工作中的使用場(chǎng)景:我們開(kāi)發(fā)中經(jīng)常聲明一個(gè)變量,等待傳送過(guò)來(lái)的數(shù)據(jù)。如果我們不知道這個(gè)數(shù)據(jù)是否傳遞過(guò)來(lái),此時(shí)我們可以通過(guò)檢測(cè)這個(gè)變量是不是undefined,就判斷用戶(hù)是否有數(shù)據(jù)傳遞過(guò)來(lái)。4.1數(shù)據(jù)類(lèi)型–null(空類(lèi)型)JavaScript中的null僅僅是一個(gè)代表“無(wú)”、“空”或“值未知”的特殊值null和undefined區(qū)別:undefined表示沒(méi)有賦值null表示賦值了,但是內(nèi)容為空null開(kāi)發(fā)中的使用場(chǎng)景:官方解釋?zhuān)喊裯ull作為尚未創(chuàng)建的對(duì)象大白話(huà):將來(lái)有個(gè)變量里面存放的是一個(gè)對(duì)象,但是對(duì)象還沒(méi)創(chuàng)建好,可以先給個(gè)null1.布爾數(shù)據(jù)類(lèi)型有幾個(gè)值?true和false2.什么時(shí)候出現(xiàn)未定義數(shù)據(jù)類(lèi)型?以后開(kāi)發(fā)場(chǎng)景是?定義變量未給值就是undefined如果檢測(cè)變量是undefined就說(shuō)明沒(méi)有值傳遞過(guò)來(lái)3.null是什么類(lèi)型?開(kāi)發(fā)場(chǎng)景是?空類(lèi)型如果一個(gè)變量里面確定存放的是對(duì)象,如果還沒(méi)準(zhǔn)備好對(duì)象,可以放個(gè)null數(shù)據(jù)類(lèi)型數(shù)據(jù)類(lèi)型☆檢測(cè)數(shù)據(jù)類(lèi)型044.2控制臺(tái)輸出語(yǔ)句和檢測(cè)數(shù)據(jù)類(lèi)型控制臺(tái)輸出語(yǔ)句:控制臺(tái)語(yǔ)句經(jīng)常用于測(cè)試結(jié)果來(lái)使用。

可以看出數(shù)字型和布爾型顏色為藍(lán)色,字符串和undefined顏色為灰色3.2控制臺(tái)輸出語(yǔ)句和檢測(cè)數(shù)據(jù)類(lèi)型2.通過(guò)typeof關(guān)鍵字獲取數(shù)據(jù)類(lèi)型typeof運(yùn)算符可以返回被檢測(cè)的數(shù)據(jù)類(lèi)型。它支持兩種語(yǔ)法形式:作為運(yùn)算符:typeofx(常用的寫(xiě)法)函數(shù)形式:typeof(x)換言之,有括號(hào)和沒(méi)有括號(hào),得到的結(jié)果是一樣的,所以我們直接使用運(yùn)算符的寫(xiě)法。JavaScript介紹變量常量數(shù)據(jù)類(lèi)型類(lèi)型轉(zhuǎn)換實(shí)戰(zhàn)案例類(lèi)型轉(zhuǎn)換為什么要類(lèi)型轉(zhuǎn)換隱式轉(zhuǎn)換顯式轉(zhuǎn)換055.1為什么需要類(lèi)型轉(zhuǎn)換JavaScript是弱數(shù)據(jù)類(lèi)型:JavaScript也不知道變量到底屬于那種數(shù)據(jù)類(lèi)型,只有賦值了才清楚??樱菏褂帽韱巍rompt獲取過(guò)來(lái)的數(shù)據(jù)默認(rèn)是字符串類(lèi)型的,此時(shí)就不能直接簡(jiǎn)單的進(jìn)行加法運(yùn)算。此時(shí)需要轉(zhuǎn)換變量的數(shù)據(jù)類(lèi)型。通俗來(lái)說(shuō),就是把一種數(shù)據(jù)類(lèi)型的變量轉(zhuǎn)換成我們需要的數(shù)據(jù)類(lèi)型。類(lèi)型轉(zhuǎn)換為什么要類(lèi)型轉(zhuǎn)換隱式轉(zhuǎn)換顯式轉(zhuǎn)換045.2隱式轉(zhuǎn)換某些運(yùn)算符被執(zhí)行時(shí),系統(tǒng)內(nèi)部自動(dòng)將數(shù)據(jù)類(lèi)型進(jìn)行轉(zhuǎn)換,這種轉(zhuǎn)換稱(chēng)為隱式轉(zhuǎn)換。規(guī)則:+號(hào)兩邊只要有一個(gè)是字符串,都會(huì)把另外一個(gè)轉(zhuǎn)成字符串除了+以外的算術(shù)運(yùn)算符比如-

*/等都會(huì)把數(shù)據(jù)轉(zhuǎn)成數(shù)字類(lèi)型缺點(diǎn):轉(zhuǎn)換類(lèi)型不明確,靠經(jīng)驗(yàn)才能總結(jié)小技巧:+號(hào)作為正號(hào)解析可以轉(zhuǎn)換成數(shù)字型任何數(shù)據(jù)和字符串相加結(jié)果都是字符串5.2顯式轉(zhuǎn)換編寫(xiě)程序時(shí)過(guò)度依靠系統(tǒng)內(nèi)部的隱式轉(zhuǎn)換是不嚴(yán)禁的,因?yàn)殡[式轉(zhuǎn)換規(guī)律并不清晰,大多是靠經(jīng)驗(yàn)總結(jié)的規(guī)律。為了避免因隱式轉(zhuǎn)換帶來(lái)的問(wèn)題,通常根邏輯需要對(duì)數(shù)據(jù)進(jìn)行顯示轉(zhuǎn)換。概念:自己寫(xiě)代碼告訴系統(tǒng)該轉(zhuǎn)成什么類(lèi)型轉(zhuǎn)換為數(shù)字型Number(數(shù)據(jù))轉(zhuǎn)成數(shù)字類(lèi)型如果字符串內(nèi)容里有非數(shù)字,轉(zhuǎn)換失敗時(shí)結(jié)果為NaN(NotaNumber)即不是一個(gè)數(shù)字NaN也是number類(lèi)型的數(shù)據(jù),代表非數(shù)字parseInt(數(shù)據(jù))只保留整數(shù)parseFloat(數(shù)據(jù))可以保留小數(shù)5.2顯式轉(zhuǎn)換編寫(xiě)程序時(shí)過(guò)度依靠系統(tǒng)內(nèi)部的隱式轉(zhuǎn)換是不嚴(yán)禁的,因?yàn)殡[式轉(zhuǎn)換規(guī)律并不清晰,大多是靠經(jīng)驗(yàn)總結(jié)的規(guī)律。為了避免因隱式轉(zhuǎn)換帶來(lái)的問(wèn)題,通常根邏輯需要對(duì)數(shù)據(jù)進(jìn)行顯示轉(zhuǎn)換。概念:自己寫(xiě)代碼告訴系統(tǒng)該轉(zhuǎn)成什么類(lèi)型轉(zhuǎn)換為字符型:String(數(shù)據(jù))變

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論