let與const聲明的變量的特點(diǎn)

let
1，let定義的變量不會(huì)預(yù)解析，必須先聲明再使用，否則會(huì)報(bào)錯(cuò)
2，let不能定義已經(jīng)定義過的變量（無論之前是用var定義的還是let或者const定義的）
3，let是塊級(jí)作用域，函數(shù)內(nèi)部使用let定義后，對(duì)函數(shù)外部無影響，簡單說就是在一個(gè){}里面生效
4，由于let是塊級(jí)作用域，在循環(huán)綁定事件過程中l(wèi)et會(huì)在這個(gè)循環(huán)中生效，再次循環(huán)時(shí)let會(huì)重新定義生效
const
1，const定義的變量不會(huì)預(yù)解析，必須先聲明再使用，否則會(huì)報(bào)錯(cuò)
2，const定義的變量不允許修改，但是，在數(shù)組里面，const的值是允許被修改的，這是因?yàn)閏onst存儲(chǔ)的是地址，值的內(nèi)容可以變化

實(shí)例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
     //在學(xué)習(xí)的script中使用var定義變量    
     console.log(a);
     var a = 12 ;
     //let用同樣的方式就會(huì)報(bào)錯(cuò)
    //  console.log(b);
     let b = 20;
     //報(bào)錯(cuò)：Uncaught ReferenceError: Cannot access 'b' before initialization
    //-----------------------------
    let c = 25;
    //let聲明過的變量不能被重新賦值
    //報(bào)錯(cuò)：Uncaught SyntaxError: Identifier 'c' has already been declared
   //-----------------------------
   function num()
   {
       let d = 15 ;
       return (d * 3) + c;
   }
   console.log(num());
   //let作用域：在函數(shù)內(nèi)可以調(diào)用函數(shù)外的let，反之外不能調(diào)用內(nèi)
   //-----------------------------
     var ul = document.createElement("ul");
     ul.setAttribute("id","nav");
     document.body.appendChild(ul);
     for(let i = 1;i < 5; i++)
     {
         var lis =document.createElement("li");
         ul.appendChild(lis);
         console.log(i); // 正常輸出1,2,3,4
     }
    // console.log(i); //報(bào)錯(cuò):i is not defined
    //let 在使用循環(huán)定義變量很實(shí)用。
    //--------------------------------------
    //const聲明不可以改變的變量、不能被修改
    const e = 100;
    console.log(e);
   // e = e-10; //報(bào)錯(cuò)：Assignment to constant variable.
    const arr = ['1','2','3','4','5'];
    arr[2]='我是數(shù)字';
    console.log(arr);
    //const 定義的數(shù)字是可以被修改的
    //暫時(shí)性死區(qū):
     var v =12;
     if(true)
     {
         //console.log(v); //報(bào)錯(cuò)：Cannot access 'v' before
         const v = 24;
         console.log(v); //重新定義v，輸出 24
     }
     console.log(v);  //輸出 12
    </script>
</body>
</html>

解析

使用let對(duì)數(shù)組及對(duì)象解構(gòu)，可以方便的設(shè)置和更新數(shù)組。

實(shí)例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        //----------------數(shù)組解構(gòu)----------------------------
        // let array = ['1','曹操','男','39','cc@qq.com','13999999999'];
        // let [id,user,sex,age,email,mobile] = array;
        // console.log(id);
        // console.log(user);
        // console.log(sex);
        // console.log(age);
        // console.log(email);
        //let 可以對(duì)數(shù)組屬性賦值到變量中，數(shù)組按索引排列，自定義變量名
        //----------------數(shù)組解構(gòu)1-1-----------------------------
        // let [username,[age1,sex],email] = ['曹操',[23,'男'],'cc@qq.com'];
        // console.log(username);
        //----------------數(shù)組解構(gòu)-2-----------------------------
        // let array = ['1','曹操','男','39','cc@qq.com','13999999999'];
        // let [id,user,sex,age,email,mobile] = [array[0],array[1]='劉備',array[2],array[3],array[4]='lb@qq.com',array[5]='13888888888'];
        // console.log(user);
        // console.log(email);
        // console.log(mobile);
        //----------------數(shù)組解構(gòu)-3------------------------------
        // let array = ['劉備','男','lb@qq.com'];
        // let [user,sex,mobile] = array;
        // console.log(array);
        //----------------對(duì)象解構(gòu)------------------------------
        // let obj = {'user':'曹操','email':'cc@qq.com','mobile':'13999999999'};
        // let {user,email,mobile} = obj;
        // console.log(user);
        // console.log(email);
        // console.log(mobile);
        //----------------對(duì)象解構(gòu)-1------------------------------
        //  let user = {
        //      userName :'劉備',
        //      email:"lb@qq.com",
        //      other:{
        //          age:25,
        //          sex:'男',
        //      }
        //  };
        //  let {userName,email,other:{age,sex}} = user;
        //  console.log(userName);
        //  console.log(email);
        //  console.log(age);
         //區(qū)分大小寫，
         //--------------對(duì)象解構(gòu)-2------------------------------
        //  let user = '曹操';
        //  let email = 'cc@qq.com';
        //  ({user,email} = {user:'劉備',email:'lb@qq.com'});
        //  console.log(user);
        //  console.log(email);
        //--------------對(duì)象解構(gòu)-3----------------------------------
        // let user = {
        //      userName :'劉備',
        //      email:"lb@qq.com",
        //      other:{
        //          age:undefined,
        //          sex:'男',
        //      }
        //  };
        //  let {userName,email,other:{age= 30,sex}} = user;
        //  console.log(age);
        //--------------對(duì)象解構(gòu)-4----------------------------------
         let user = {
             userName :'劉備',
             email:"lb@qq.com",
             other:{
                 age:undefined,
                 sex:'男',
             }
         };
         let {userName:User,email,other:{age=25,sex}}=user;
         console.log(User);
         console.log(sex);
        </script>
</body>
</html>

示例圖

批改老師：

天蓬老師

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

老師批語：堅(jiān)持

本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文

Grid還原首頁圖片布局

2020-07-04 21:22:36

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

let與const聲明的變量的特點(diǎn)

let

const

解析