javascript
20220712 初识JS
“ 原來給予是會讓人感到豐足而不是貧乏的 ”
目錄
- “ 原來給予是會讓人感到豐足而不是貧乏的 ”
-
-
-
- 寫在前面：
-
-
-
- 一、JS
- 是什么？
- JS在哪執行？
- JS的數據類型
- 定義變量
- let
- const
- JS的復雜數據類型
- 函數：用來執行的操作
- 彈窗：（用的少）
- 二、邏輯判斷，流程控制
- 1、判斷：
- （1）if……else，可以無限按嵌套，只要你別暈😂
- （2）switch……case結構
- 那怎么選擇來使用呢？？？
- 那這兩之間的異同？？
- 1、判斷：
- 總結：
寫在前面：
現在開始整理JS啦~~，經歷過前面HTML和CSS的鞭打，來吧，我已經不怕啦，哈哈哈，本欄目持續更新，每天都要快樂學習( ?? ω ?? )y，小伙伴們，加油！
今日掌握：????
今日心情：????
一、JS
- JavaScript
是什么？
JavaScript:編程語言，依賴于某種容器來運行，瀏覽器來解釋執行，用來給網頁加功能的
JS在哪執行？
- 哪里需要寫哪里,在寫哪都行,但是規矩是放在結束body標簽的上方
- 也可以外部引入：和css類似:聲明用style,引入用link,但JS都用script
JS的數據類型
數字number
字符串string
布爾型boolean
空null：值為空
未定義undefined：沒有值
定義變量
// 定義數值型變量 var num1 = 10; // 修改變量的值 v1 = 11; var v2 = "我是字符串" //使用時舉例：alert("v2" ); var v3 = true; var v4 = null; console.log(typeof v4);// object var undefined;在ES6中，新推出了兩個詞代替了var：
let
變量用let聲明，無法重復定義
let n1 = 10; let n2= 11;// 報錯// 獲取數據類型 console.log(typeof n1);// 判斷是否為數字 isNAN(n1); // 注意這里返回falseconst
用const定義的變量為常量，無法重復定義，也不能重賦值
JS的復雜數據類型
- 數組：一個變量對應多個值；
創建數組：
<script> //（1）使用數組函數let arr = Array();console.log(arr); //控制臺輸出arr[0] = 100;arr[1] = 90; // ??? 可以設定數組長度嗎？？？//（2）使用new關鍵字__不常用let arr2 = new Array();//（3）使用字面量（直接賦值）let arr3 = [1,2,3];</script>函數：用來執行的操作
無參無返回值
無參有返回值
有參有返回值
有參無返回值
<script>// 定義函數function name(參數列表，可有可無，看情況){// 這里寫操作 }// 函數調用name(實參列表);</script>~~函數內部不可以再聲明別的函數，但可以調用；
彈窗：（用的少）
（1）alert();警告型彈窗，無返回值
<script>alert("你好呀，\n我現在講話。")</script>- 在彈窗內換行：\n
（2）confirm() 帶有確認和取消的彈窗，有返回值（boolean），
<script>let result = confirm("確定") </script>（3）prompt()；帶有文本框的彈窗，有返回值，就是輸入的內容
<script>let result = prompt(" 請輸入序號：","例如：1001")</script>===(判斷是否是相同的數據類型)
！！！！重點
二、邏輯判斷，流程控制
<script>// 三元運算符let a = 10;let b = 20;// 表達式 ？ 為true時執行的 ： 否則執行這里的a>b ? a : b;// 注意：-、*，/、%可以進行類型轉換，如果轉不了，結果為NAN 如果先入為主的認定+號為</script>1、判斷：
（1）if……else，可以無限按嵌套，只要你別暈😂
// 多重if結構 if(條件判斷表達式)｛ // 為true時執行的代碼 ｝else if（）{ // 否則，執行的代碼 }else｛ // 反正只能執行一個塊里面的 ｝（2）switch……case結構
只要匹配成功了其中一個case，在這個case之后的都會執行~
可以加入break就好啦！！
// 注意和if()里的條件語句區別 switch(表達式){case plan1: case plan2:…………case plann:}let a = 10; switch(a){// 當a=10時，要干的事case 10:console.log("我是情況1")；break；case plan2:…………case plann:break； default:// default位置也可以不在最后，遵守規則即可// 代碼 }那怎么選擇來使用呢？？？
1、當需求為區間范圍時，switch無法使用，if基本啥都能干；
2、switch效率高，能用switch就不用if；
case后面是字面量時，
3、當需求固定且值不多的時候可以用switch；
那這兩之間的異同？？
-
相似：
幾乎所有switch大部分可以轉換為if；
default幾乎相當于if；
他兩都可以無限嵌套；
-
異：
switch需要break；if不用；
switch里面的選項可以沒有順序；if得在else之前；
總結：
1、JS的引入，應該寫在什么位置
2、JS的數據類型
3、為什么要使用變量，變量的定義和聲明 var let const
4、3種彈窗，特點，作用
5、函數（重點），
6、return的作用，全局變量、局部變量
7、運算符
8、typeof、isNaN
9、三元運算符
10、流程控制語句，兩個流程控制之間的相互配合嵌套關系（重點）
總結
以上是生活随笔為你收集整理的20220712 初识JS的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中心频率、带内波动、带外抑制、矩形系数，
- 下一篇： python自动生成和读取word_使用