美文网首页
let和const

let和const

作者: Warren_hu | 来源:发表于2018-08-01 11:28 被阅读0次

   //let 和 const 声明变量和常量 var

//01-作用域只局限于当前代码块

    {

var str1 ="张三";

        console.log(str1);

        let str2 ="李四"

        console.log(str2);

    }

console.log('+++++'+ str1);//+++++张三

    console.log('-----'+ str2);//无打印结果

// 02-使用let声明的变量的作用域不会被提升

    {

console.log(str1); //undefined

        var str1 ="张三"

        console.log(str2); // Uncaught ReferenceError: str2 is not defined

        let str2 ="张三"

    }

// 03-在相同作用域下不能申明相同的变量

    {

var str1 ="张三";

        var str1 ="李四";

        console.log(str1);

        let str2 ="张三";

        let str2 ="李四";

        console.log(str2);

        //Uncaught SyntaxError: Identifier 'str2' has already been declared

    }

// 04-for循环体现let的父子作用域

    var btns = document.querySelectorAll('button');

    for (var i =0; i

btns[i].onclick =function () {

alert('点击了第' + i +'个按钮')

}

}

var btns = document.querySelectorAll('button');

    for (var i =0; i

(function (i) {

btns[i].onclick =function () {

alert('点击了第' + i +'个按钮')

}

})(i);

    }

let btns = document.querySelectorAll('button');

    for (let i =0; i

btns[i].onclick =function () {

alert('点击了第' + i +'个按钮')

}

}

//01-只在当前代码块中有效

    {

const a ="张三";

        console.log(a);

    }

console.log(a);

    // 02-作用域不会被提升

// 03-不能重复申明

// 04-申明的常量必须赋值

    {

const name ="张三";

        name ="李四";

        //不能修改,报错:Assignment to constant variable.

        console.log(name);

    }

const obj = {name:"张三"};

    console.log(obj);

    obj.name ="李四"

    console.log(obj);

相关文章

  • let和const

    新的赋值语句let和const let和const命令

  • 工作中常用的 ES6 语法

    变量声明 let 和const 不用var, 用const声明只读变量,let声明变量。let和const都是块级...

  • 关于ES6以及ES6常用的方法

    1、变量声明let和const let表示变量、const表示常量。let和const都是块级作用域。 2、模板字...

  • ES6需要记忆理解的地方

    let和const命令 1、let和const均无变量提升。2、let变量指向的地址可变,const指向的地址不可...

  • (JS)

    ES6 let、const和var的区别 let和const声明变量不存在变量提升 let和const不能重复声明...

  • ES6这些就够了

    1.变量声明const和let let表示变量、const表示常量。let和const都是块级作用域 2.模板字符...

  • 【JS】从ECMA学习let、const、var变量声明与声明提

    let、const、var是JS中的声明关键字 let和const 我们熟知的let和const的特性,常见的就有...

  • ES6编码风格

    http://es6.ruanyifeng.com/#docs/style let和const let和const...

  • 2018-09-13

    一、let和const const和let的异同点 相同点:const和let都是在当前块内有效,执行到块外会被销...

  • ES6(let 与 const)

    ES6中引入了let 和 const来声明变量,我们来看下let 和 const 的使用 一、let let定义的...

网友评论

      本文标题:let和const

      本文链接:https://www.haomeiwen.com/subject/ijgcvftx.html