Javascript 變量 ，數據類型，運算符

一、認識Js

js概念

JavaScript是一種網頁編程技術

JavaScript就是一種基於對象和事件驅動，並具備安全性能的腳本語言

JavaScript能夠被嵌入到HTML文件中，不須要通過Web服務器就能夠對用戶操做做出響應

 

簡單理解： js就是一門運行在客戶端瀏覽器的腳本編程語言

js組成

•ECMAScript：JavaScript的語法標準。

•DOM：文檔，JavaScript操做網頁上的元素的API

•BOM：JavaScript操做瀏覽器的部分功能的API

特色

1. 簡單易用

可使用任何文本編輯工具編寫

只須要瀏覽器就能夠執行程序

2. 解釋執行（解釋語言）

事先不編譯

逐行執行

無需進行嚴格的變量聲明

（js源代碼直接經過js引擎執行）

3. 基於對象

內置大量現成對象，編寫少許程序能夠完成目標

二、js使用範圍

客戶端數據計算

客戶端表單合法性驗證

瀏覽器對象的調用

瀏覽器事件的觸發

網頁特殊顯示效果製做

 

三、Javascript 與html之間的關係

Html: 是用來製做網頁，簡單來講就是編寫網頁結構。

Javascript: 實現網頁與客戶之間互動的橋樑，讓網頁具備豐富的生命力

四、Javascript語法規範

Javascript 書寫位置

（1）與css相似，直接嵌入到html頁面中 推薦放到html結構最後寫

<script>
    
</script>

 

（2）文件調用：JavaScript代碼寫到另外一個文件當中（其後綴一般爲「.js」），而後用格式爲

<script src="javascript.js"></script>

的標記把它嵌入到文檔中

 

Javascript執行過程當中的小原理

html頁面中出現<script>標籤後，就會讓頁面暫停等待腳本的解析和執行。不管當前腳本是內嵌式仍是外鏈式，頁面的下載和渲染都必須停下來等待腳本的執行完成才能繼續，這在頁面的生命週期中是必須的。

例如：經過外鏈式js文件查看加載速度。

因此推薦你們將能合併的js文件合併到一個文件中，而後再去引用

五、JavaScript初體驗

1. alert(「」);在頁面中彈窗顯示消息

2. confirm(「」) ;彈窗顯示 通常與if...else配合使用

3. prompt（""）;接收用戶輸入消息

4. document.write("");在網頁中輸出消息，裏面能夠放HTML標籤

5. console.log("");在控制檯輸出消息，通常用來調試程序

編寫Javascript注意語法規範，一行代碼結束後必須在代碼最後加上英文輸入法下的 ;（逗號）

六、認識Javascript中變量

聲明變量（定義變量）

經過 var關鍵字定義

變量定義： var 自定義名稱；

如：

var name;

變量賦值 **注意：** = 爲賦值運算符號，不是咱們理解的等號

var name= "張三";

變量調用：

alert（name）

字面量（直接量）：沒有經過定義，直接用的 需用" "引號

變量命名規範：

1. 不能使用特殊字符定義變量或者以特殊字符開頭，「_」除外
2. 變量名必須以字符或下劃線「_」開頭
3. 變量能夠包含數字、從A至Z的大小字母（不能使用純數字）
4. 不推薦使用漢字定義變量
5. JavaScript嚴格區分大小寫，computer和Computer是兩個徹底不一樣的變量
6. 禁止使用javascript的保留關鍵字做爲變量名（見下面的保留關鍵字圖）

 

關鍵字：JavaScript語言用於程序控制或者執行特定操做的英語單詞。

 

 

 

 保留字：ECMAScript規範中，預留的某些詞彙，以便於之後某個時間會用於關鍵字。

 

 

 咱們寫的代碼起名字的時候不能用跟關鍵字和保留字重名。否則會報錯。

七、數據類型介紹

一、簡單數據類型

Number(數字)：全部的數字（整數，負數，小數）

一、最基本的數據類型

二、不區分整型數值和浮點型數值

三、能表示的最大值是±1.7976931348623157乘以10的308次方

能表示的最小值是±5 乘以10的-324次方

四、包含十六進制數據，以 0x開頭 0到9之間的數字，a(A)-f(F)之間字母構成。 a-f對應的數字是10-15

五、 八進制直接以數字0開始，有0-7之間的數字組成。

String（字符串）

凡是用「」（雙引號）或者‘’（單引號）引發來的都是字符串類型

轉義字符：

\」 轉雙引號

\’ 轉單引號

\r 回車符

\n 換行

Boolean（布爾）

取值： true 和false，也表明1和0，實際運算中true=1，false=0

Null（空）

Javascript中的關鍵字，它表示一個特殊值。一般用來描述「空值」。

Undefined（變量未初始化）

沒有給變量賦值

在EcmaScript3中，undefined是可讀寫的變量，能夠給它負任何值。在EcmaScript5中將這個錯誤進行了修改。只有undefined這一個值。

二、複雜數據類型

Object(對象)

Array(數組)

八、比較運算符

> < != >= <=

結果：一種是true(正確的) 一種是false（錯誤的）

 九、算術運算符

加  +

一、當兩個Number類型的變量相加，結果爲Number

二、當一個Number類型的變量和一個String類型的變量相加，最後結果爲字符串（加號起到的是鏈接的做用）

減  -

一、當兩個Number類型的變量相減，結果爲Number

二、當一個Number數據類型的變量和一個數字的字符串類型變量相減，最後的結果爲Number類型

 

輸出結果爲 0 

 

輸出結果爲：NaN

NaN： not a number

可是它是一個Number類型

乘    *

​ 不一樣類型運算結果與減法的結果一致

除   /

結果同上，區別：當一個數字除以0最後的結果爲 infinity

Infinity: 無窮大的數字。

% 取餘

獲取餘數。不一樣類型運算結果同上

() 優先級

​ 有括號先算括號裏面的值