JavaScript的使用形式是什么

這篇文章主要講解了“JavaScript的使用形式是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript的使用形式是什么”吧！

前言

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ù)該操作進行響應(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&mdash;&mdash;n個字符

Boolean 包括true和false的值

Null 表明某個變量的值為null

Undefined 變量未初始化時，默認(rèn)值就是undefined

Array 一些列變量/函數(shù)的集合，存放的類型可以相同可以不同

Number 數(shù)值類型可以是32位的整數(shù)，可以是64位的浮點數(shù)。整數(shù)可以是十進制、八進制、十六進制等形式。

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ù)所賦值的類型進行確認(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)鍵字進行聲明的。

在變量的使用過程中，變量的類型可以改變，類型由所賦值的類型來確定。數(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（&mdash;&mdash;${a} 是一個偶數(shù)&mdash;&mdash;）;

   } else {

       alert（&mdash;&mdash;${a} 是一個奇數(shù)&mdash;&mdash;）;

   }

}

六、函數(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（）計算表達式的結(jié)果

用于把JavaScript中的字符串轉(zhuǎn)為腳本代碼來執(zhí)行。

語法格式：eval（string）

string是一個要計算的字符串，可以是JS表達式或者要執(zhí)行的腳本。

當(dāng)string是一個表達式時，eval（）將執(zhí)行表達式，并返回計算的結(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（"表達式" + 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)鍵字），然后再進行調(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的使用形式是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！