亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 145
粉絲 7
評(píng)論 7
訪問量 198876
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
JS基礎(chǔ)知識(shí):解構(gòu)賦值、標(biāo)簽函數(shù)以及流程控制語句
李東亞1??3????12?
原創(chuàng)
1226人瀏覽過

解構(gòu)賦值

1、解構(gòu)要求等號(hào)兩邊類型轉(zhuǎn)一致;
2、解構(gòu)支持別名
3、解構(gòu)支持默認(rèn)值
4、解構(gòu)對(duì)象和數(shù)組

模板字面量和標(biāo)簽函數(shù)

模板字面量

1、模板字面量:以(分號(hào))` 作為分界符;正常字符串是單引號(hào)和雙引號(hào)未為分界符;
2、模板變量中可以使用變量,但必須${}包裹

標(biāo)簽函數(shù)

1、標(biāo)簽函數(shù)和正常函數(shù)在表現(xiàn)形式上沒有明顯區(qū)別;都有變量和函數(shù)體
2、在使用是標(biāo)簽函數(shù)的實(shí)參是一個(gè)模板字面量,并且不需要小括號(hào)包括
3、標(biāo)簽函數(shù)第一個(gè)參數(shù)用來接收模板字面量中的所有字符串

解構(gòu)賦值以及標(biāo)簽函數(shù)和模板字面量演示

1、代碼

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title></title>
  8. <script src="" type="text/javascript" charset="utf-8"></script>
  9. </head>
  10. <body>
  11. <h1></h1>
  12. </body>
  13. <script >
  14. let arr=[1,2,3,"four",5,6,"seven"];
  15. console.log(typeof arr); //數(shù)組也是對(duì)象的一種
  16. console.log(arr instanceof Array);
  17. console.log(arr instanceof Object);
  18. console.log(Array.isArray(arr));
  19. let username="ldy";
  20. // username="我的名字:"+username;
  21. username=`我的名字:${username}`;
  22. console.log(username);
  23. let price=12;
  24. let num=10;
  25. let count=`單價(jià)${price},數(shù)量${num},共計(jì)需要支付${price*num}`;
  26. console.log(count)
  27. console.log('*************');
  28. // 標(biāo)簽函數(shù)
  29. function show(strings,var1,var2){
  30. console.log(strings);
  31. console.log(var1,var2);
  32. }
  33. show`單價(jià)${price},數(shù)量${num},共計(jì)需要支付${price*num}`;//不需要像函數(shù)一樣加小括號(hào);
  34. // 解構(gòu)賦值
  35. // 1.對(duì)象解構(gòu)賦值
  36. // 結(jié)構(gòu)要求等號(hào)兩邊類型一致;
  37. ({name,age}={name:'ldy',age:20,});
  38. // 別名和默認(rèn)值
  39. ({name:u,age:a,sex="男"}={name:'ldy1',age:30,});
  40. console.log(name,age);
  41. console.log(u,a,sex);
  42. // 2.數(shù)組結(jié)構(gòu)
  43. let arr1=[10,20];
  44. let [ab,bc,x=1]=arr1;
  45. console.log(ab,bc,x);
  46. const colors = ['red', 'green', 'blue'];
  47. // 將左邊看成模板
  48. let [color1, color2, color3] = colors;
  49. console.log(color1, color2, color3);
  50. </script>
  51. </html>

2、演示結(jié)果:

流程控制語句

分支判斷語句

1、單分支:if(判斷條件){……}簡化:(如果循環(huán)體只有一個(gè)語句式可以省略大括號(hào)) if() ……
2、雙分支:if(判斷條件){……}else{……}
3、多分分:if(判斷語句){}else if(判斷條件){……}……else{……}
4、switch(表達(dá)式) { case n: 代碼塊 break; case n: 代碼塊 break; default: 默認(rèn)代碼塊 }

  • 計(jì)算一次 switch 表達(dá)式
  • 把表達(dá)式的值與每個(gè) case 的值進(jìn)行對(duì)比
  • 如果存在匹配,則執(zhí)行關(guān)聯(lián)代碼

循環(huán)語句

1、while(表達(dá)式){……}和do{……}while(表達(dá)式);
2、for(初始化;判斷條件;循環(huán)語句){……};
3、for……in 和for……of語句;

流程控制語句中常見的關(guān)鍵字

1、break:結(jié)束當(dāng)前循環(huán)
2、continue:跳過當(dāng)前循環(huán)的進(jìn)入下一次循環(huán)

批改老師:天蓬老師天蓬老師

批改狀態(tài):合格

老師批語:
本博文版權(quán)歸博主所有,轉(zhuǎn)載請(qǐng)注明地址!如有侵權(quán)、違法,請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理!
全部評(píng)論 文明上網(wǎng)理性發(fā)言,請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議
0條評(píng)論
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)

  • 登錄PHP中文網(wǎng),和優(yōu)秀的人一起學(xué)習(xí)!
    全站2000+教程免費(fèi)學(xué)