JavaScript的使用形式是什么

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

前言

JavaScript是一種腳本語言，可以直接嵌入HTML頁面之中，當用戶在瀏覽器中瀏覽該頁面時瀏覽器會解釋并執行其中的JavaScript腳本，可以使頁面更加豐富多彩。HTML: 網頁的結構（骨）、CSS: 網頁的表現（皮）、JavaScript: 網頁的行為（魂）。

一、JavaScript簡介

JavaScript是一種通用的、跨平臺的、基于對象和事件驅動并且具有安全性的客戶端腳本語言。

解釋性：

JavaScript是一種解釋性語言，它不需要編譯，可以直接被瀏覽器解釋并執行。所以只有運行時錯誤，即使是語法錯誤。 要查看js報錯，需要從控制臺上查看。

弱數據類型：

定義變量時，無須指定變量的類型，瀏覽器會根據變量的取值情況確定變量的類型。一個變量可以賦予不同類型的數據，變量的類型會隨著它的值的改變而改變。

跨平臺：

與操作系統無關，只要提供支持JavaScript的瀏覽器，就可以解釋并執行這個腳本。

基于對象：

它提供了一系列的內置對象，用戶可以根據需要來創建對象，通過調用對象的方法和屬性來實現頁面的某些特效。

基于事件驅動：

事件驅動：在頁面執行某種操作時而產生的動作。比如單擊鼠標時，瀏覽器可以根據該操作進行響應。

二、JavaScript使用形式

1、 關聯在HTML中執行

內部方式管理< script>js語句< script> 。

外部方式引入< script src=“js資源的url”>< /script> 。比較推薦

在學習簡單的js時，可以直接打開在瀏覽器的開發者（鼠標右擊，選擇檢查）的控制臺（console）中編寫js語句。每一行都獨立執行。

console.log（）在控制臺打印一條日志。

console.error（）在控制臺打印一條錯誤日志。

使用%c可以把樣式加上。

三、基本語法

1、標識符

就是用來命名變量、函數或者循環中的標簽。在JavaScript中，標識符的命名規則與Java基本相同。

字母 下劃線 數字 $ 組成；

但是不能以數字開頭；$、_ 可以開頭，但規范上不建議；

變量名大小寫是不同的，推薦使用小寫形式或駝峰命名法;

不能與JavaScript中的關鍵字相同。

2、關鍵字

是指JavaScript中預先定義的、有特別意義的標識符。例如false、var等等。

3、數據類型

變量的類型可以改變，但是某一時刻的類型是確定的。

常見的數據類型：

數據類型 描述

String 字符串是由 ''或者""引起來的0&mdash;&mdash;n個字符

Boolean 包括true和false的值

Null 表明某個變量的值為null

Undefined 變量未初始化時，默認值就是undefined

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

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

Function 是一種特殊的對象數據類型，可以被存儲在變量、數組或者對象中，可以作為參數傳給其他函數

Object 通過方法和屬性定義的軟件對象。常見對象有String、Date、Math、Array等

Number類型：-infinity 負無窮，infinity 正無窮，Nan（Not a Number）不是一數字。

模板字符串：使用反引號（tab上面的鍵），例如下面的例子，類似于String.format（“hello %s”， a），所表現的是一樣的。

undefined、null不同，都是針對一種不存在的抽象，但是undefined是未定義，null是空。

4、變量

只有一種（引用類型）。

在JavaScript中，變量的使用相對比較靈活。

在變量使用之前，可以不定義，直接使用。

在定義變量時，不用指定變量的數據類型；當對變量賦值時，它的數據類型會根據所賦值的類型進行確認。

變量的定義

語法格式：var 變量1；

var是定義變量的關鍵字；

多個變量可以一起定義，變量名之間可以使用逗號隔開；

變量可以在定義時賦值，也可以先定義再賦值；

在JavaScript中，變量也可以不用定義，直接使用，但是未定義變量直接使用時，會拋出undefined錯誤，所以建議先定義再使用。

注意

JavaScript中的變量是區分大小寫的，例如name、Name、NAME代表三個不同的變量。

JavaScript腳本嵌入在HTML中，而HTML代碼不區分大小寫，很容易忽視這一點，所以建議同意使用小寫或者駝峰命名法來定義變量。

變量的類型

由于JavaScript中的變量是弱數據類型，在聲明變量時不需要定義變量的數據類型，而是通過var關鍵字進行聲明的。

在變量的使用過程中，變量的類型可以改變，類型由所賦值的類型來確定。數據有類型，變量無類型。

通過typeof運算符或者typeof（）來獲得變量的當前數據類型，例如：

變量的作用域

未定義的變量直接賦值時，瀏覽器會將變量定義為全局變量。

在使用全局變量時，盡量采用顯示方式定義，避免出現誤解/錯誤的情況。

5、注釋

單行注釋 //

多行注釋 /* */

四、運算符

JavaScript的運算符與Java語言非常相似，所以這里主要介紹不同點。

1、賦值運算符

可以在定義變量時賦值，也可以在定義變量后賦值，還可以同時對多各變量連續賦值。

2、比較運算符

== 和 ===

==支持類型轉換，只要前后兩個變量的值相同就返回true。

===是嚴格等于，嚴格相等判斷，必須要求兩個變量的智翔通，且數據類型一致才返回true。一般建議使用。

！= 和！==

與上面的相同意思，可以自行體會。

五、if條件語句

什么樣的條件才是真？

當值為true、不是0、非空字符串（包含"false"字符串）、非null、不是undefined 都執行對的程序部分。

var a = prompt（"請輸入一個數字"）;

if （isNaN（a）） {

   alert（"請輸入數字"）;

} else {

   if （a % 2 === 0） {

       alert（&mdash;&mdash;${a} 是一個偶數&mdash;&mdash;）;

   } else {

       alert（&mdash;&mdash;${a} 是一個奇數&mdash;&mdash;）;

   }

}

六、函數

1、預定義函數

預先定義的可以隨時使用的函數，用戶不需要定義就可以使用。

parseInt（） 將字符串轉換為整型

用于解析字符串，從中返回一個整數。

當字符串中存在除了數字、字母、小數點、指數符號以外的字符時，parseInt（）就停止轉換，返回已經有的結果。

當第一個字符不能轉換時，返回NaN。

isNaN（）測試是否是一個數字

用于檢查參數是否是一個非數字值。

當括號內為數字時，返回false。

eval（）計算表達式的結果

用于把JavaScript中的字符串轉為腳本代碼來執行。

語法格式：eval（string）

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

當string是一個表達式時，eval（）將執行表達式，并返回計算的結果。

當string是JS腳本時，執行相應的腳本。

script.js

//parseInt（）函數用法

document.write（"parseInt（'88.9'）的執行結果是：" + parseInt（'88.9'） + "<br/>"）;  

document.write（"parseInt（'8TE'）的執行結果是：" + parseInt（'8TE'） + "<br/>"）;  

document.write（"parseInt（'B89'）的執行結果是：" + parseInt（'B89'） + "<br/>"）;  

//isNaN（）函數用法

document.write（"'name'" + "是否不是數字：" +isNaN（'name'） + "<br/>"）;   

//eval（）函數用法

var str = "300 + 500 * 2";

document.write（"表達式" + str + "的結果是：" +eval（str） + "<br/>"）;  

對話框函數

函數alert（）、confirm（）、prompt（）實際上是window對象的方法，用來彈出對話框與用戶實現交互。在使用時，window對象可以省略。

alert（）彈出一個提示對話框。

confirm（）彈出一個確認對話框，在確認對話框中，單擊“確定”返回true，單擊“取消”返回false。

prompt（）接收用戶輸入的對話框。

2、自定義函數

由于JavaScript是弱數據類型語言，所以在自定義函數時既不需要聲明函數的參數類型，也不需要聲明函數的返回類型。

方式：命名函數、匿名函數、對象函數、自調用函數。

命名函數

在使用函數時，應先定義函數（function關鍵字），然后再進行調用。

參數可選，當有多個參數可以使用逗號隔開。

retrun語句可選，當沒有return時，函數將返回undefined。

完成函數的定義后，函數并不會自動執行，只有通過事件或腳本調用時才會執行。

在同一個< script>< /script>標簽中，允許函數的調用在函數定義之前。但是在不同的< script>< /script>標簽中，函數的定義必須在含糊的調用之前，否則調用無效。總之，在自己學習時先定義在調用就可以啦。

感謝各位的閱讀，以上就是“JavaScript的使用形式是什么”的內容了，經過本文的學習后，相信大家對JavaScript的使用形式是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！