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

搜索
博主信息
博文 145
粉絲 7
評(píng)論 7
訪問(wèn)量 198716
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
ES6：JS基礎(chǔ)知識(shí)擴(kuò)展
李東亞1??3????12?
原創(chuàng)
994人瀏覽過(guò)

變量賦值

1.原始類型變量的值傳遞:把自己的值傳個(gè)過(guò)去,后當(dāng)前變量就和新變量沒(méi)有關(guān)系了
2.數(shù)組以及對(duì)象的引用傳遞:兩個(gè)變量指向同一個(gè)地址的值,等于起別名

  • 只要改變其值,所有引用的變量都同步改變

變量賦值在函數(shù)參數(shù)中全部都是值傳遞;

  • 數(shù)組和對(duì)象整體賦值更新才是值傳遞

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

1.模板字面量:

  • 模板字面量用反引號(hào)` 作為界定符
  • 模板字面量中可以使用變量,用${}包括界定
  • 模板字面量可以保留多行中的格式

2.標(biāo)簽函數(shù):

  • 標(biāo)簽函數(shù)定義與普通函數(shù)一樣,但調(diào)用時(shí)實(shí)參是模板字面量
  • 參數(shù):第一參數(shù)默認(rèn)接收模板字面量中的字符組成的數(shù)組,后面的變量依次接收模板字面量中的參數(shù)
  • 標(biāo)簽函數(shù)在使用時(shí):傳入的值(實(shí)參)是模板字面量,不需要小括號(hào),直接標(biāo)簽函數(shù)名+模板字面量即可

解構(gòu)賦值

1.快速?gòu)募蠑?shù)據(jù)(數(shù)組/對(duì)象)解構(gòu)出獨(dú)立變量
2.解構(gòu)賦值兩邊類型必須一致
3.對(duì)象解構(gòu)可以別名解構(gòu),例如

  1. ({name:username,age:userage}={name:"ldy",age:20});
  2. console.log(username,userage);

4.解構(gòu)賦值也可以用于函數(shù)的參數(shù)中

對(duì)象簡(jiǎn)化:

1.屬性,如果全局聲明賦值了相同的變量,在對(duì)象內(nèi)就可以簡(jiǎn)寫:變量即可;
2.對(duì)象中的方法:可以通過(guò)匿名函數(shù)和箭頭函數(shù)簡(jiǎn)寫

bind|call|apply:把函數(shù)綁定到指定對(duì)象上

1.bind(obj,參數(shù))返回的是一個(gè)函數(shù)聲明,并不立即執(zhí)行
2.apply和cal綁定并立即執(zhí)行
3.如果函數(shù)中有this,bind|call|apply可以動(dòng)態(tài)改變函數(shù)的this指向
4.apply的第二個(gè)參數(shù)必須是個(gè)數(shù)組;例如: func.apply(obj,[argumet])

對(duì)象的訪問(wèn)器屬性

1.訪問(wèn)屬性的關(guān)鍵字get(訪問(wèn))和set(設(shè)置) ,后跟一個(gè)函數(shù);
2.訪問(wèn)屬性優(yōu)先級(jí)高于同名普通屬性

JS循環(huán)語(yǔ)句：

1.單分支if(){};
2.雙分支if(){}else{};
3.多分支if(){}else if(){} …..else{};
4.switch(){case 值: 語(yǔ)句 break; ……;default:語(yǔ)句;}
5.break和continue關(guān)鍵字;

代碼演練
  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. </head>
  9. <body>
  11. </body>
  12. <script type="text/javascript">
  13.     // 箭頭函數(shù) 中this指向
  14.     let user={
  15.         name:"ldy",
  16.         age:20,
  17.         getInfo:function(){
  18.             console.log(this.name,this.age);
  19.             console.log(this);
  20.         }
  21.     }
  23.     user.getInfo();
  24.     function get(){
  25.         console.log(this);
  26.     }
  27.     get();
  28.     // 原始類型的值傳遞
  29.     let a=1;
  30.     let b=a;
  31.     console.log(a,b);
  32.     a=2;
  33.     console.log(a,b);
  34.     // 數(shù)組和對(duì)象的引用傳遞,修改的是地址中的值,所有引用的輸出值都改變,不論在什么位置使用,只要值改變都跟著改變
  35.     let item1={
  36.         name:"ldy",
  37.         age:12,
  38.     }
  39.     let item2=item1;
  40.     console.dir(item1);
  41.     console.dir(item2);
  42.     item1.age=30;
  43.     console.dir(item1);
  44.     console.dir(item2);
  45.     // 函數(shù)參數(shù)值傳遞:數(shù)組和對(duì)象整體賦值
  46.     console.log("&&&&&&&&&&&&&&");
  47.     function add(o){
  48.         o.a=10;
  49.         console.log(o);
  50.     }
  51.     let o={
  52.         a:1,
  53.         b:"ldy"
  54.     }
  55.     console.dir(o);
  56.     add(o);
  57.     function add1(o){
  58.         o={};
  59.         console.dir(o);
  60.     }
  61.     add1(o);
  62.     // 模板字面量
  63.     let username="ldy";
  64.     let userage=30;
  65.     let User=`我是${username},今年${userage}歲`;
  66.     console.log(User);
  67.     // 標(biāo)簽函數(shù)
  68.     console.log('00000000000000000000000000');
  69.     function show(string,name,age){
  70.         console.log(string);
  71.         console.log(name,age);
  72.     }
  73.     show(User);
  74.     // 標(biāo)簽函數(shù):直接使用字面量為參數(shù),不能用變量代替
  75.     show`我是${username},今年${userage}歲`;
  77.     //解構(gòu)賦值
  78.     let arr=[1,2,3,4];
  79.     [a,b,c,d]=arr;
  80.     console.log(a,b,c,d);
  81.     ({name:username,age:userage}={name:"ldy",age:20})
  82.     console.log(username,userage);
  83.     // 對(duì)象簡(jiǎn)化
  84.     console.log("對(duì)象簡(jiǎn)化");
  85.     let user10={
  86.         username,
  87.         userage,
  88.         getinput(){
  89.             console.log(username,userage);
  90.         },
  91.         getin:()=>{
  92.             console.log(username,userage);
  93.         }
  94.     }
  96.     user10.getinput();
  97.     user10.getin();
  98.     console.log("&&&&&&&&&&&&&&&&&&&&&&&&&");
  99.     // let func = ()=>console.dir(this);
  100.     function func(name){
  101.         // return this;
  102.         console.log(this.name);
  103.         this.name=name;
  104.         console.log(this.name);
  105.         console.log(this);
  106.     }
  107.     const obj={
  108.         name:"ldy",
  109.     }
  110.     // console.log(func('ldy'));
  111.     // func("dongya");
  112.     // let f=func.bind(obj,"ddd");
  113.     // f();
  114.     func.apply(obj,["dy"]);//參數(shù)必須實(shí)個(gè)數(shù)組形式
  115.     func.call(obj,"dy2");
  116.     console.log("^^^^^^^^^^^^^^^^^^^^^^^^^");
  117.     let obj1={
  118.         name:'ldy',
  119.         age:31,
  120.         set sname(val){
  121.             this.name=val;
  122.         },
  123.         get gname(){
  124.             return this.name;
  125.         }
  126.     }
  127.     console.log(obj1.name);
  128.     obj1.sname="lll";
  129.     console.log(obj1.name);
  130.     if(obj1.age<18){
  131.         console.log('未成年')
  132.     }else if(obj1.age>18&&obj1.age<20){
  133.         console.log('成年人')
  134.     }else{
  135.         console.log('無(wú)法判斷');
  136.     }
  137. </script>
  138. </html>

運(yùn)行結(jié)果

批改老師：天蓬老師天蓬老師

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

老師批語(yǔ)：
本博文版權(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é)申明 意見(jiàn)反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長(zhǎng)！
關(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é)