這篇文章主要講解了“JavaScript的使用形式是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“JavaScript的使用形式是什么”吧!
創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站制作、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)陽谷,十余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575
前言
JavaScript是一種腳本語言,可以直接嵌入HTML頁面之中,當(dāng)用戶在瀏覽器中瀏覽該頁面時瀏覽器會解釋并執(zhí)行其中的JavaScript腳本,可以使頁面更加豐富多彩。HTML: 網(wǎng)頁的結(jié)構(gòu)(骨)、CSS: 網(wǎng)頁的表現(xiàn)(皮)、JavaScript: 網(wǎng)頁的行為(魂)。
一、JavaScript簡介
JavaScript是一種通用的、跨平臺的、基于對象和事件驅(qū)動并且具有安全性的客戶端腳本語言。
解釋性:
JavaScript是一種解釋性語言,它不需要編譯,可以直接被瀏覽器解釋并執(zhí)行。所以只有運行時錯誤,即使是語法錯誤。 要查看js報錯,需要從控制臺上查看。
弱數(shù)據(jù)類型:
定義變量時,無須指定變量的類型,瀏覽器會根據(jù)變量的取值情況確定變量的類型。一個變量可以賦予不同類型的數(shù)據(jù),變量的類型會隨著它的值的改變而改變。
跨平臺:
與操作系統(tǒng)無關(guān),只要提供支持JavaScript的瀏覽器,就可以解釋并執(zhí)行這個腳本。
基于對象:
它提供了一系列的內(nèi)置對象,用戶可以根據(jù)需要來創(chuàng)建對象,通過調(diào)用對象的方法和屬性來實現(xiàn)頁面的某些特效。
基于事件驅(qū)動:
事件驅(qū)動:在頁面執(zhí)行某種操作時而產(chǎn)生的動作。比如單擊鼠標(biāo)時,瀏覽器可以根據(jù)該操作進(jìn)行響應(yīng)。
二、JavaScript使用形式
1、 關(guān)聯(lián)在HTML中執(zhí)行
內(nèi)部方式管理< script>js語句< script> 。
外部方式引入< script src=“js資源的url”>< /script> 。比較推薦
在學(xué)習(xí)簡單的js時,可以直接打開在瀏覽器的開發(fā)者(鼠標(biāo)右擊,選擇檢查)的控制臺(console)中編寫js語句。每一行都獨立執(zhí)行。
console.log()在控制臺打印一條日志。
console.error()在控制臺打印一條錯誤日志。
使用%c可以把樣式加上。
三、基本語法
1、標(biāo)識符
就是用來命名變量、函數(shù)或者循環(huán)中的標(biāo)簽。在JavaScript中,標(biāo)識符的命名規(guī)則與Java基本相同。
字母 下劃線 數(shù)字 $ 組成;
但是不能以數(shù)字開頭;$、_ 可以開頭,但規(guī)范上不建議;
變量名大小寫是不同的,推薦使用小寫形式或駝峰命名法;
不能與JavaScript中的關(guān)鍵字相同。
2、關(guān)鍵字
是指JavaScript中預(yù)先定義的、有特別意義的標(biāo)識符。例如false、var等等。
3、數(shù)據(jù)類型
變量的類型可以改變,但是某一時刻的類型是確定的。
常見的數(shù)據(jù)類型:
數(shù)據(jù)類型 描述
String 字符串是由 ''或者""引起來的0——n個字符
Boolean 包括true和false的值
Null 表明某個變量的值為null
Undefined 變量未初始化時,默認(rèn)值就是undefined
Array 一些列變量/函數(shù)的集合,存放的類型可以相同可以不同
Number 數(shù)值類型可以是32位的整數(shù),可以是64位的浮點數(shù)。整數(shù)可以是十進(jìn)制、八進(jìn)制、十六進(jìn)制等形式。
Function 是一種特殊的對象數(shù)據(jù)類型,可以被存儲在變量、數(shù)組或者對象中,可以作為參數(shù)傳給其他函數(shù)
Object 通過方法和屬性定義的軟件對象。常見對象有String、Date、Math、Array等
Number類型:-infinity 負(fù)無窮,infinity 正無窮,Nan(Not a Number)不是一數(shù)字。
模板字符串:使用反引號(tab上面的鍵),例如下面的例子,類似于String.format(“hello %s”, a),所表現(xiàn)的是一樣的。
undefined、null不同,都是針對一種不存在的抽象,但是undefined是未定義,null是空。
4、變量
只有一種(引用類型)。
在JavaScript中,變量的使用相對比較靈活。
在變量使用之前,可以不定義,直接使用。
在定義變量時,不用指定變量的數(shù)據(jù)類型;當(dāng)對變量賦值時,它的數(shù)據(jù)類型會根據(jù)所賦值的類型進(jìn)行確認(rèn)。
變量的定義
語法格式:var 變量1;
var是定義變量的關(guān)鍵字;
多個變量可以一起定義,變量名之間可以使用逗號隔開;
變量可以在定義時賦值,也可以先定義再賦值;
在JavaScript中,變量也可以不用定義,直接使用,但是未定義變量直接使用時,會拋出undefined錯誤,所以建議先定義再使用。
注意
JavaScript中的變量是區(qū)分大小寫的,例如name、Name、NAME代表三個不同的變量。
JavaScript腳本嵌入在HTML中,而HTML代碼不區(qū)分大小寫,很容易忽視這一點,所以建議同意使用小寫或者駝峰命名法來定義變量。
變量的類型
由于JavaScript中的變量是弱數(shù)據(jù)類型,在聲明變量時不需要定義變量的數(shù)據(jù)類型,而是通過var關(guān)鍵字進(jìn)行聲明的。
在變量的使用過程中,變量的類型可以改變,類型由所賦值的類型來確定。數(shù)據(jù)有類型,變量無類型。
通過typeof運算符或者typeof()來獲得變量的當(dāng)前數(shù)據(jù)類型,例如:
變量的作用域
未定義的變量直接賦值時,瀏覽器會將變量定義為全局變量。
在使用全局變量時,盡量采用顯示方式定義,避免出現(xiàn)誤解/錯誤的情況。
5、注釋
單行注釋 //
多行注釋 /* */
四、運算符
JavaScript的運算符與Java語言非常相似,所以這里主要介紹不同點。
1、賦值運算符
可以在定義變量時賦值,也可以在定義變量后賦值,還可以同時對多各變量連續(xù)賦值。
2、比較運算符
== 和 ===
==支持類型轉(zhuǎn)換,只要前后兩個變量的值相同就返回true。
===是嚴(yán)格等于,嚴(yán)格相等判斷,必須要求兩個變量的智翔通,且數(shù)據(jù)類型一致才返回true。一般建議使用。
!= 和!==
與上面的相同意思,可以自行體會。
五、if條件語句
什么樣的條件才是真?
當(dāng)值為true、不是0、非空字符串(包含"false"字符串)、非null、不是undefined 都執(zhí)行對的程序部分。
var a = prompt("請輸入一個數(shù)字");
if (isNaN(a)) {
alert("請輸入數(shù)字");
} else {
if (a % 2 === 0) {
alert(——${a} 是一個偶數(shù)——);
} else {
alert(——${a} 是一個奇數(shù)——);
}
}
六、函數(shù)
1、預(yù)定義函數(shù)
預(yù)先定義的可以隨時使用的函數(shù),用戶不需要定義就可以使用。
parseInt() 將字符串轉(zhuǎn)換為整型
用于解析字符串,從中返回一個整數(shù)。
當(dāng)字符串中存在除了數(shù)字、字母、小數(shù)點、指數(shù)符號以外的字符時,parseInt()就停止轉(zhuǎn)換,返回已經(jīng)有的結(jié)果。
當(dāng)?shù)谝粋€字符不能轉(zhuǎn)換時,返回NaN。
isNaN()測試是否是一個數(shù)字
用于檢查參數(shù)是否是一個非數(shù)字值。
當(dāng)括號內(nèi)為數(shù)字時,返回false。
eval()計算表達(dá)式的結(jié)果
用于把JavaScript中的字符串轉(zhuǎn)為腳本代碼來執(zhí)行。
語法格式:eval(string)
string是一個要計算的字符串,可以是JS表達(dá)式或者要執(zhí)行的腳本。
當(dāng)string是一個表達(dá)式時,eval()將執(zhí)行表達(dá)式,并返回計算的結(jié)果。
當(dāng)string是JS腳本時,執(zhí)行相應(yīng)的腳本。
script.js
//parseInt()函數(shù)用法
document.write("parseInt('88.9')的執(zhí)行結(jié)果是:" + parseInt('88.9') + "<br/>");
document.write("parseInt('8TE')的執(zhí)行結(jié)果是:" + parseInt('8TE') + "<br/>");
document.write("parseInt('B89')的執(zhí)行結(jié)果是:" + parseInt('B89') + "<br/>");
//isNaN()函數(shù)用法
document.write("'name'" + "是否不是數(shù)字:" +isNaN('name') + "<br/>");
//eval()函數(shù)用法
var str = "300 + 500 * 2";
document.write("表達(dá)式" + str + "的結(jié)果是:" +eval(str) + "<br/>");
對話框函數(shù)
函數(shù)alert()、confirm()、prompt()實際上是window對象的方法,用來彈出對話框與用戶實現(xiàn)交互。在使用時,window對象可以省略。
alert()彈出一個提示對話框。
confirm()彈出一個確認(rèn)對話框,在確認(rèn)對話框中,單擊“確定”返回true,單擊“取消”返回false。
prompt()接收用戶輸入的對話框。
2、自定義函數(shù)
由于JavaScript是弱數(shù)據(jù)類型語言,所以在自定義函數(shù)時既不需要聲明函數(shù)的參數(shù)類型,也不需要聲明函數(shù)的返回類型。
方式:命名函數(shù)、匿名函數(shù)、對象函數(shù)、自調(diào)用函數(shù)。
命名函數(shù)
在使用函數(shù)時,應(yīng)先定義函數(shù)(function關(guān)鍵字),然后再進(jìn)行調(diào)用。
參數(shù)可選,當(dāng)有多個參數(shù)可以使用逗號隔開。
retrun語句可選,當(dāng)沒有return時,函數(shù)將返回undefined。
完成函數(shù)的定義后,函數(shù)并不會自動執(zhí)行,只有通過事件或腳本調(diào)用時才會執(zhí)行。
在同一個< script>< /script>標(biāo)簽中,允許函數(shù)的調(diào)用在函數(shù)定義之前。但是在不同的< script>< /script>標(biāo)簽中,函數(shù)的定義必須在含糊的調(diào)用之前,否則調(diào)用無效。總之,在自己學(xué)習(xí)時先定義在調(diào)用就可以啦。
感謝各位的閱讀,以上就是“JavaScript的使用形式是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對JavaScript的使用形式是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
當(dāng)前題目:JavaScript的使用形式是什么
本文地址:http://jinyejixie.com/article28/gdpccp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、軟件開發(fā)、做網(wǎng)站、微信公眾號、App設(shè)計、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)