從未有過的JavaScript運算符詳細解釋

解釋性語言和編譯型語言

1.概述

計算機不能直接理解除機器語言以外的語言，所以要把程序員所寫的編程語言翻譯成機器語言才能被執行程序，程序語言翻譯成機器語言的工具，被稱為翻譯器

• 翻譯器翻譯的方式有兩種：一種是編譯，一種是解釋，兩種方式之間的區別在於翻譯的時間點不同
• 編譯器是在代碼執行之前，生成中間代碼文件
• 解釋器是在運行時進行及時解釋，並立即執行(當編譯器以解釋方式運行的時候，也稱之為解釋器)

2.執行過程

類似於請客吃飯

• 編譯語言：首先先把所有菜上齊瞭，才能吃飯
• 解釋語言：好比吃火鍋，邊吃邊涮，同時進行

標識符，關鍵字，保留字

(一)標識符

標識符：就是指開發人員為變量，屬性，函數，參數取的名字(自定義)

註意：標識符：不能是關鍵字或者保留字

(二)關鍵字

關鍵字：是指JS本身已經使用瞭的字，不能再把它充當變量名，方法名。(一旦使用就是在制造BUG)

包括：break，case，catch，continue，default，delete，do，else，finally，for，function，if，in，instanceof，new，return，switch，this，throw，try，typeof，var，void，while，with等。

(三)保留字

保留字：實際就是預留的“關鍵字”，意思是現在 雖然不是關鍵字,但是別人是潛力股，未來可能成為關鍵字，同樣不能使用它們當變量名或方法名

包括：abstract，enum，int，short，boolean，export，interface，static，byte，extends，long，super，char，final，native，synchronized，class，float，package，throws，const，goto，private，transient，debugger，implements，protected，volatile，double，import，public等。

運算符

運算符：也被稱為操作符，是用於實現賦值，比較和執行算數運算等功能的符號。

js中常用的運算符有

• 算數運算符
• 遞增和遞減運算符
• 比較運算符
• 邏輯運算符
• 賦值運算符

算術運算符

概念：算術運算使用的符號，用於執行兩個變量或值的算術運算。

浮點數的精確度問題

浮點數的最高精確度是17位小數，但是在進行算術計算時其精確度遠遠不如整數、

var result=0.1+0.2;
console.log(result);//結果不是 0.3，而是0.30000000000000004
console.log(0.07*100);//7.000000000000001,而是7.000000000000001

所以：不要直接判斷兩個浮點數是否相等

表達式和返回值

表達式:是由數字、運算符、變量等以能求得數值的有意義排列方法所得的組合

簡單理解:是由數字、運算符、變量等組成的式子

遞增和遞減運算符概述

如果需要反復給數字變量添加或減去1。可以使用遞增( ++ )和遞減( – )運算符來完成。

在JavaScript中,遞增( ++ )和遞減( – )既可以放在變量前面。也可以放在變量後面。放在變量前面時，

我們可以稱為前置遞增(遞減)運算符,放在變量後面時,我們可以稱為後置遞增(遞減)運算符。

註意:遞增和遞減運算符必須和變量配合使用。

遞增運算符

前置遞增運算符

++num前置遞增,就是自加1,類似於num=num+1,但是++num寫起來更簡單。

使用口訣:先自加，後返回值

後置遞增運算符

++num前置遞增,就是自加1,類似於num=num+1,但是num++寫起來更簡單。

使用口訣:先自加，後返回值

var age=10;
console.log(age);//10
++age;
console.log(age);//11
var p=10;
console.log(++p+10);//21
//先加1後返回值(返回初始的值)
//後置++
var num=10;
num++;
console.log(num);//11
//單獨使用自增自減，效果一樣
		
var number=10;
//先返回值(返回初始的值)，再加+
console.log(number++ +10);//20
console.log(number);//11
		

比較運算符概述

概念：比較運算符是兩個數據進行比較時所使用的運算符，比較運算後，會返回一個佈爾值(true/false)作成運算結果

=小結

代碼演示

console.log(3>=5);
		console.log(2<=4);
		//1.我們程序裡的等於符號，是默認轉換類型，會把字符串的數據類型轉換為數字型隻要求值相等就可以瞭
		console.log(3==5);
		console.log('黃茂榮'=='黃茂雲');
		console.log(18=='18');
		consjole.log(18!=18);
		//2.我們程序裡面有全等一模一樣，要求兩側的值，還有數據類型完全一樣才可以
		console.log(18===18);
		console.log(18 === '18');

結果如圖

邏輯運算符

概念：邏輯運算符是用來進行佈爾值運算的運算符，其返回值也是佈爾值，後面開發中經常用於多個條件的判斷

	//1.邏輯與&& and兩側都為true結果才是true 隻要有一側為false結果就為false
	console.log(3>5&&3>2);//false
	console.log(3<5&&3>2)//true
	//2.邏輯或 ||  or 兩側都為false 結果才是false 隻有一側為true ，結果就是true
	console.log(3>5||3>2)//true
	console.log(3>5||3<2);//false

短路運算(邏輯中斷)

短路運算的原理：當有多個表達式(值)時，左邊的表達式值可以確定結果時，就不在繼續運算右邊的表達式的值

1.邏輯與

語法：表達式1&&表達式2

如果第一個表達式的值為真，則返回表達式2

如果第一個表示式的值為假，則返回表達式1

2.邏輯或

語法：表達式1||表達式2

如果第一個表達式的值為真，則返回表達式1

如果第一個表達式的值為假，則返回表達式2

//1.用我們的佈爾值參與的邏輯運算  true&&false==false
		//2.123&&456 是值或者是表達式參與瞭邏輯運算？
		//3.邏輯與短路運算，如果表達式1 結果為真 ，則返回表達式2，如果表達式1為假，那麼返回表達式1
		//除0以外的數都為真
		console.log(1233&&2344);
		console.log(0&&352);
		console.log(0&&1+2&&456+8789);
		//如果有空的或者否定的為假，其餘為真   
		 //(0,'',null,undefined,NaN)空
		//4.邏輯或短路運算   如果表達式1為真 結果為真 則返回的是表達式1 如果表達式1 結果為假 則返回的是表達式2
		console.log(123||456);//123
		console.log(123||456||+123);//123
		//邏輯中斷很重要，它會影響我們程序運行的結果
		var num=11;
		console.log(123||num);//123
		console.log(0||num);//11
		console.log(num);//11

賦值運算符

概念：用來把數據賦值給變量的運算符

優先級

總結

運算符 | > > = < < = |
| 5 | 相等運算符 | == != === !== |
| 6 | 邏輯運算符 | 先&& 後|| |
| 7 | 賦值運算符 | = |
| 8 | 逗號運算符 | , |

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!

推薦閱讀：

• Javascript基礎知識詳解
• Java日常練習題,每天進步一點點(32)
• 一篇文章帶你入門Java運算符
• 在JS中如何使用css變量詳解
• Java中Volatile關鍵字能保證原子性嗎