javascript
JavaScript基础知识必知！
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。
JS作用：表單驗證，減輕服務端的壓力；添加頁面動畫效果；動態更改頁面內容；Ajax網絡請求。
下面簡單介紹JS的基礎知識：
>>> JS******基礎知識
一、基本結構
<script type="text/javascript">    alert("hahaha");</script> 復制代碼二、使用JS的三種方式
?1、直接在HTML標簽中，使用事件屬性，調用JS代碼：
  <button onclick="alert('點我');">點我！</button> 復制代碼?2、在頁面的任意位置，使用script標簽，插入JS代碼。
  <script type="text/javascript">    alert("hahaha");  </script> 復制代碼?3、引入外部JS文件：
 <script src= "js/01.js" type="text/javascript"></script> 復制代碼注意事項
??① JS代碼可以放在頁面的任意位置使用，但是放置的位置不同，將影響JS執行的順序
??② 引入外部JS的script標簽中，不能再包含任何的JS代碼。
三、JS中的變量
?1、變量的聲明
   var num = 1;????????// 使用var聲明的變量，屬于局部變量，只在當前作用于有效   num = "hahaha";??????// 不用var聲明的變量，默認為全局變量，在整個JS文件中可用   var a=1,b,c=2;?  ?// 使用一行代碼，聲明多個語句。其中b為Undefined 復制代碼**?JS中變量聲明的注意事項**
??① JS中聲明變量的關鍵字只有一個var，變量的類型，取決于所賦的值；
???如果聲明后為賦值，則為Undefined類型。
??② JS中同一個變量，可以在多次賦值中，被修改數據類型；
    var num1=1;    num = "字符串"; 復制代碼??③ 變量可以使用var聲明，也可以直接賦值聲明。（區別：使用var聲明的作用域為局部變量）??
??④ 在JS中，一個變量可以多次使用var聲明，后面的聲明相當于直接賦值，沒有任何作用；
??⑤ JS變量區分大小寫，大寫和小寫不是一個變量；
?2、JS中的數據類型：
??Undefined：使用var聲明，但是沒有賦值的變量
??null：表示空的引用
??Boolean：真假
??Number：數值類型，包括整型和浮點型
??Object：對象
?3、常用數值函數
??①?isNaN：用于檢測是一個變量，是不是非數值（Not a Number）；
???isNaN在檢測時，會先調用Number函數，嘗試將變量轉為數值類型，如果最終結果能夠轉化為數值，則不是NaN。
??②?Number函數：用于將各種數據類型轉為數值類型
???>>>Undefined：無法轉換，返回NaN；
???>>>null：轉為0；
???>>>Boolean：true轉為1，false轉為0；
???>>>字符串：
????????如果字符串是純數值字符串，可以轉換，"123"-->123
????????如果字符串包含非數值字符，不能轉換，"123a"-->NaN
????????如果是空字符串，轉為0，""-->0 " "-->0
??③?parseInt()：將字符串轉為數值類型
???>>>如果是空字符串，不能轉，" "-->NaN
???>>>如果是純數值類型字符串，可以轉換，且小數點直接舍去，不保留，"123"-->123 "123.9"-->123
???>>>如果字符串包含非數值字符，則將非數值字符前面的整數進行轉換，"123a"-->123 "a123"-->NaN
??④?parseFloat()：轉換機制與java相同。
???不同的是：轉換數值字符串時，如果字符串為小數則可以保留小數點，"123.5"-->123.5 "123"-->123
??⑤?typeof()：檢測一個變量的數據類型。
???字符串->String? 數值->number?? true/false->boolean
???未定義->undefined? 對象/null->object? 函數->function
四、JS中常用的輸入輸出語句
?1、alert()：彈窗輸出
??2、prompt()：彈窗輸入
??接受兩部分參數：① 輸入提示內容；② 輸入框的默認文本。（兩部分都可以省略）
??輸入的內容默認都是字符串。
?3、document.write("
12345
hahaha
");???在瀏覽器屏幕上面打印。
?4、console.log("hahaha");
???瀏覽器控制臺打印。
五、JS中的運算符
?1、除號：無論符號兩邊是整數還是小數，除完后都將按照實際結果保留小數；
??例如：22/10 --> 2.2
?2、===：要求等號兩邊的數據、類型和值都必須相同。如果類型不同，直接返回false
???==：只判斷兩邊的數據，值是否相等，并不關心等式兩邊是否是同一種數據類型
???！=：不等? ！==：不全等
?3、&、| 只能進行按位運算，如果兩邊不是數值類型，將轉為數值類型再運算；
??&&、|| 進行邏輯運算
?4、各級運算符的優先級別表：
>>> JS******分支與循環
一、if判斷
?1、JS中的真假判斷：
??① Boolean類型：true為真，false為假；
??② 數值類型：0為假，非0為真；
??③ 字符串類型：""為假，非空字符串為真；
??④ Null/Undefined/NaN：全為假；
??⑤ Object：全為真。
?2、if判斷：
if(undefined) {   console.log(true);    } else {   console.log(false);    }</pre> 復制代碼二、循環
?1、switch
??switch結構的()中可以放各種數據類型：
??比對時，采用? "==="? 進行判斷，要求數據類型完全相等
var num=1;   switch (num){     case 1:console.log("dengyu");break;   default:console.log("budeng");break;   } 復制代碼Java中switch不能判斷區間，而JS中switch可以判斷區間 ↓↓↓
switch (true){case num>=0 && num<10:console.log(1);break;case num>=10 && num<100console.log(2);break;default://歡迎加入全棧開發交流圈一起學習交流：864305860 console.log(3); //面向1-3年前端人員break; //幫助突破技術瓶頸，提升思維能力 } 復制代碼2、do-while
    do{     }while (false); 復制代碼?3、for循環
    for(var i=0;i<100;i++){ } 復制代碼?4、例：輸入一個數，判斷其是否是正整數，如果不是正整數，提示輸入有誤，請重新輸入；如果是正整數，反轉輸出這個數。
var num=prompt("請輸入一個正整數：");var str="";if(parseInt(num) == num){  while (num>0){  var a = num%10;str += a;num = parseInt(num/10);}console.log(str);}else {console.log("您輸入的數不是正整數!");} 復制代碼結語
感謝您的觀看，如有不足之處，歡迎批評指正。
本次給大家推薦一個免費的學習群，里面概括移動應用網站開發，css，html，webpack，vue node angular以及面試資源等。 對web開發技術感興趣的同學，歡迎加入Q群：864305860，不管你是小白還是大牛我都歡迎，還有大牛整理的一套高效率學習路線和教程與您免費分享，同時每天更新視頻資料。 最后，祝大家早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。
總結
以上是生活随笔為你收集整理的JavaScript基础知识必知！的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 单元测试：unittest.TestCa
- 下一篇： gradle idea java ssm