日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔！

生活随笔

當(dāng)前位置： 首頁(yè) > 前端技术 > javascript >内容正文

javascript

20220712 初识JS

發(fā)布時(shí)間：2023/12/8 javascript 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 20220712 初识JS 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

“ 原來(lái)給予是會(huì)讓人感到豐足而不是貧乏的 ”

目錄

  • “ 原來(lái)給予是會(huì)讓人感到豐足而不是貧乏的 ”
          • 寫在前面：
  • 一、JS
    • 是什么？
    • JS在哪執(zhí)行？
    • JS的數(shù)據(jù)類型
    • 定義變量
      • let
      • const
    • JS的復(fù)雜數(shù)據(jù)類型
    • 函數(shù)：用來(lái)執(zhí)行的操作
    • 彈窗：（用的少）
  • 二、邏輯判斷，流程控制
    • 1、判斷：
      • （1）if……else，可以無(wú)限按嵌套，只要你別暈😂
      • （2）switch……case結(jié)構(gòu)
        • 那怎么選擇來(lái)使用呢？？？
        • 那這兩之間的異同？？
  • 總結(jié)：
寫在前面：

現(xiàn)在開始整理JS啦~~，經(jīng)歷過(guò)前面HTML和CSS的鞭打，來(lái)吧，我已經(jīng)不怕啦，哈哈哈，本欄目持續(xù)更新，每天都要快樂(lè)學(xué)習(xí)( ?? ω ?? )y，小伙伴們，加油！

今日掌握：????

今日心情：????

一、JS

  • JavaScript

是什么？

JavaScript:編程語(yǔ)言，依賴于某種容器來(lái)運(yùn)行，瀏覽器來(lái)解釋執(zhí)行，用來(lái)給網(wǎng)頁(yè)加功能的

JS在哪執(zhí)行？

  • 哪里需要寫哪里,在寫哪都行,但是規(guī)矩是放在結(jié)束body標(biāo)簽的上方
<body><script>// 哪里需要寫哪里,在寫哪都行,規(guī)矩是放在結(jié)束body標(biāo)簽的上方</script> </body>
  • 也可以外部引入：和css類似:聲明用style,引入用link,但JS都用script

JS的數(shù)據(jù)類型

數(shù)字number

字符串string

布爾型boolean

空null：值為空

未定義undefined：沒(méi)有值

定義變量

// 定義數(shù)值型變量 var num1 = 10; // 修改變量的值 v1 = 11; var v2 = "我是字符串" //使用時(shí)舉例：alert("v2" ); var v3 = true; var v4 = null; console.log(typeof v4);// object var undefined;

在ES6中，新推出了兩個(gè)詞代替了var：

let

變量用let聲明，無(wú)法重復(fù)定義

let n1 = 10; let n2= 11;// 報(bào)錯(cuò)// 獲取數(shù)據(jù)類型 console.log(typeof n1);// 判斷是否為數(shù)字 isNAN(n1); // 注意這里返回false

const

用const定義的變量為常量，無(wú)法重復(fù)定義，也不能重賦值

JS的復(fù)雜數(shù)據(jù)類型

  • 數(shù)組：一個(gè)變量對(duì)應(yīng)多個(gè)值；

創(chuàng)建數(shù)組：

<script> //（1）使用數(shù)組函數(shù)let arr = Array();console.log(arr); //控制臺(tái)輸出arr[0] = 100;arr[1] = 90; // ??? 可以設(shè)定數(shù)組長(zhǎng)度嗎？？？//（2）使用new關(guān)鍵字__不常用let arr2 = new Array();//（3）使用字面量（直接賦值）let arr3 = [1,2,3];</script>

函數(shù)：用來(lái)執(zhí)行的操作

無(wú)參無(wú)返回值

無(wú)參有返回值

有參有返回值

有參無(wú)返回值

<script>// 定義函數(shù)function name(參數(shù)列表，可有可無(wú)，看情況){// 這里寫操作 }// 函數(shù)調(diào)用name(實(shí)參列表);</script>

~~函數(shù)內(nèi)部不可以再聲明別的函數(shù)，但可以調(diào)用；

彈窗：（用的少）

（1）alert();警告型彈窗，無(wú)返回值

<script>alert("你好呀，\n我現(xiàn)在講話。")</script>
  • 在彈窗內(nèi)換行：\n

（2）confirm() 帶有確認(rèn)和取消的彈窗，有返回值（boolean），

<script>let result = confirm("確定") </script>

（3）prompt()；帶有文本框的彈窗，有返回值，就是輸入的內(nèi)容

<script>let result = prompt(" 請(qǐng)輸入序號(hào)：","例如：1001")</script>

===(判斷是否是相同的數(shù)據(jù)類型)

！！！！重點(diǎn)

二、邏輯判斷，流程控制

<script>// 三元運(yùn)算符let a = 10;let b = 20;// 表達(dá)式 ？ 為true時(shí)執(zhí)行的 ： 否則執(zhí)行這里的a>b ? a : b;// 注意：-、*，/、%可以進(jìn)行類型轉(zhuǎn)換，如果轉(zhuǎn)不了，結(jié)果為NAN 如果先入為主的認(rèn)定+號(hào)為</script>

1、判斷：

（1）if……else，可以無(wú)限按嵌套，只要你別暈😂

// 多重if結(jié)構(gòu) if(條件判斷表達(dá)式)｛ // 為true時(shí)執(zhí)行的代碼 ｝else if（）{ // 否則，執(zhí)行的代碼 }else｛ // 反正只能執(zhí)行一個(gè)塊里面的 ｝

（2）switch……case結(jié)構(gòu)

只要匹配成功了其中一個(gè)case，在這個(gè)case之后的都會(huì)執(zhí)行~

可以加入break就好啦！！

// 注意和if()里的條件語(yǔ)句區(qū)別 switch(表達(dá)式){case plan1: case plan2:…………case plann:}let a = 10; switch(a){// 當(dāng)a=10時(shí)，要干的事case 10:console.log("我是情況1")；break；case plan2:…………case plann:break； default:// default位置也可以不在最后，遵守規(guī)則即可// 代碼 }

那怎么選擇來(lái)使用呢？？？

1、當(dāng)需求為區(qū)間范圍時(shí)，switch無(wú)法使用，if基本啥都能干；

2、switch效率高，能用switch就不用if；

case后面是字面量時(shí)，

3、當(dāng)需求固定且值不多的時(shí)候可以用switch；

那這兩之間的異同？？

  • 相似：

    幾乎所有switch大部分可以轉(zhuǎn)換為if；

    default幾乎相當(dāng)于if；

    他兩都可以無(wú)限嵌套；

  • 異：

    switch需要break；if不用；

    switch里面的選項(xiàng)可以沒(méi)有順序；if得在else之前；

<script>// 判斷年份是否是閏年// 能被4整除，不能是100的倍數(shù)或能被400整除// 2020是閏年function ifRun(input){if ((input % 4 == 0 && input % 100 != 0)||input % 400 == 0){return console.log("Run");}return console.log("noRun");}ifRun(2021);let input = 2021;switch((input % 4 == 0 && input % 100 != 0)||input % 400 == 0){case true:console.log("該年是閏年");break;case false:console.log("該年不是閏年");break;}function isRun(year) {switch(year % 400){case 0:console.log("該年是閏年");return;default:if (year % 4 == 0 && year % 100 != 0) {console.log("該年不是閏年");}console.log("該年不是閏年"); } }</script>

總結(jié)：

1、JS的引入，應(yīng)該寫在什么位置

2、JS的數(shù)據(jù)類型

3、為什么要使用變量，變量的定義和聲明 var let const

4、3種彈窗，特點(diǎn)，作用

5、函數(shù)（重點(diǎn)），

6、return的作用，全局變量、局部變量

7、運(yùn)算符

8、typeof、isNaN

9、三元運(yùn)算符

10、流程控制語(yǔ)句，兩個(gè)流程控制之間的相互配合嵌套關(guān)系（重點(diǎn)）

總結(jié)

以上是生活随笔為你收集整理的20220712 初识JS的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。