【JavaScript 語法語句01】
阿新 • • 發佈：2020-10-13
一、JS是弱型別 Java是強型別
二、js和html的結合方式
想要將其他程式碼融入到HTML中，都是以標籤的形式
1、js程式碼存放在<script> js code...</script>中
2、當有多個html頁面使用到相同的js指令碼時，可以將js程式碼 封裝到一個檔案中，只要在script標籤的src屬性引入一個js檔案（方便後期維護，擴充套件）
注意：如果在script標籤中定義了src屬性，那麼該標籤中封裝的JavaScript程式碼不會被執行，所以通常匯入js檔案都是用單獨<script>來完成
例：<script src="test.js" type="text/javascript"></script>
注：規範中script標籤早期有一個屬性language,而現在使用type屬性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--匯入一個js檔案--><!--注意：這裡面引入了js檔案後，封裝的"hello javascript"js程式碼就不會被執行--> <script src="demo.js" type="text/javascript"> alert("hello javascript"); </script> <!--封裝javascript程式碼--> <script type="text/javascript"> alert("hello javascript"); </script> </body> </html>
三、JavaScript的語法
通常高階程式設計語言所包含的語法內容：
* 1、關鍵字：該中語言中被賦予了特殊含義的單詞
* 2、識別符號：用於標示資料很表示式的符號，通常可以理解為在程式中自定義的名稱。比如變數名，函式名
* 3、註釋
* 4、變數：用於標示記憶體中一片空間。用於儲存資料，該空間中的資料是可以變化的，什麼時候使用變數，當資料不確定的時候
* 5、運算子：可以讓資料進行運算的符號
* 6、語句：用於對程式的執行流程進行控制的表示式
* 7、函式：用於對功能程式碼進行封裝，便於提高複用性
* 8、陣列：對多資料進行儲存，便於操作。就是傳說中的容器
* 9、物件：只要是基於物件的語言，或者是面向物件的語言，就存在物件的概念，物件就是一個封裝體。即可以封裝資料也可以封裝函式
|-- 關鍵字：js中定義變數，使用到關鍵字。這個關鍵字就是var （定義變數。js是弱型別）
<script type="text/javascript"> var x=3; //var不寫也行，因為js是非嚴謹的語言 x="abc"; //重新賦值為字串abc x=3.45; //賦值為小數 x=true; //賦值為布林型別 x='c'; //賦值給字串 alert("x="+x) //這是一個函式，將具體的引數通過對話方塊進行顯示 </script>
|-- 運算子
<script type="text/javascript"> /* * 運算子： * 1、算術運算子 * 2、賦值運算子 * = += -= *= /= * 3、比較運算子 * > < >= <= != == * 4、邏輯運算子 用來連線兩個布林型的表 * ! && || * 5、位運算子 * 6、三元運算子 * */ //算術運算子演示 var a = 3710; alert("a="+a/1000*1000) //3710 -->注意這裡面的運算和Java是不一樣的，Java這麼算的結果是3000 var a1=2.3,b1=3.5; alert(a1+b1);//5.8 alert("12"+1);//121 alert("12"-1)//11 alert(true+1)//2 alert(false+1)//1 -->因為在js中false就是0，或者null，非0，非null。就是true。預設用1表示 alert(2%5);//2 var n =3,m; m = ++n;//4,4 -->先運算後賦值 m = n++; //4,3 -->先賦值後運算 alert("n="+n+"m="+m); //================================= //賦值運算子 var i = 3; i +=3; alert(i)//5 // ================================= //比較運算子 var z=3; alert(a!=4); // ================================= //邏輯運算子 var t=4; alert(t>3 & t<6); // ================================= //三元運算子 alert(3>100?100:200);//200 </script>
|-- 小細節
<script type="text/javascript"> /* * 1、undefined:未定義。其實就是一個常量 * */ var xx; alert(xx);//undefined //要想獲取具體的值的型別。可以通過typeof來完成 alert(typeof ("abc"))//string alert(typeof (2.5))//number </script>
四、if語句
<script type="text/javascript"> /*語句： * 1、順序結構 * 2、判斷結構 * 3、選擇結構
switch * 4、迴圈結構 * 5、其他語句 * */ var a=3; // if(a=4){ //注意 if(4==a){//建議將常量放左邊，以報錯來修正程式碼 alert("yes") }else { alert("no") } if(a>1){ alert("a") }else if(a>2){ alert("b") }else if(a>3){ alert("c") }else { alert("d") } //a </script>
五、switch語句
<script type="text/javascript"> var xx="abc"; switch (xx){ default: alert("c"); break; //如果此處沒有break，那麼將會繼續往下執行直到遇到break才會截斷 case "a": alert("b"); break; case "bc": alert("d"); break; } //switch語句先執行case，case不滿足時執行default </script>
六、迴圈語句
<script type="text/javascript"> var x =1; document.write("<font color='fuchsia'> "); while (x<5){ // alert("x"+x); //將資料直接寫到當前頁面當中 document.write("x="+x+"<br/>") x++; } document.write("</font> "); for(var x=0;x<5;x++){ document.write(x); } </script>