ES6--let与const

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

目录

文章目录

        1.代码块

         2.let与const

        3.ES6新的变量修饰符

          (1)声明不赋值  先访问在声明  声明相同的变量名

          (2)let 也可以声明不赋值 不能先访问在声明  不能声明相同的变量名

          (3)块级作用域

         (4)笔试题

        4.const与let的不同


1.代码块

代码块是没有作用域的

 var obj={name:"karen"};          //对象

var fn=function(  ){  }                //函数

 {  }  if( ){ }  for( ){  }                  // 代码块

案例1:{        } 没有作用域

            label1:{var a=20;var b=30console.log(a)}console.log(b)

运行结果:

 只有函数才有作用域

案例2:if( ){   }没有作用域

         	if([]){var a=20;console.log(a);}console.log(a);

运行结果:

 

案例3: for( ){  } 没有作用域

         	var arr=[]for(var i=0;i<10;i++){// console.log(i)function fn(){console.log(i)}arr.push(fn)}arr[0]()

运行结果:

 2.let与const

  • let 声明的变量只在 let 命令所在的代码块内有效(块级作用域、局部作用),ES6 推荐在函数中使用 let 定义变量,而非 var。

  • const 声明一个只读的常量,一旦声明,常量的值就不能改变

3.ES6新的变量修饰符

(1)声明不赋值  先访问在声明  声明相同的变量名

console.log(a)

 var a=0;

运行结果:

(2)let 也可以声明不赋值 不能先访问在声明  不能声明相同的变量名

 

(3)块级作用域

案例1:

            {let a=100;console.log(a,1111)a="hello"console.log(a,222)				}console.log(a,333)

运行结果:

(4)笔试题

案例1:

            let a=90console.log(a)if(true){console.log(a)var a=20}console.log(a)

运行结果:

4.const与let的不同

const  js的常量修饰符,一旦声明,常量的值就不能改变

let  var 修饰的变量的值可以被修改

例如:        

            const url="http://www.hqyj.com"

            url=200

其他语法同let,  只能初始化一次

初始化定义:第一次赋值

   例如:

            var a=20//初始化

            a=90

            var b;

            b=20;//初始化

            b=90;

注意要点:

  • let 和const 关键词声明的变量不具备变量提升(hoisting)特性

  • let 和 const 声明只在最靠近的一个块中(花括号内)有效

  • 当使用常量 const 声明时,请使用大写变量,如:CAPITAL_CASING

  • const 在声明时必须被赋值

  • const 如何做到变量在声明初始化之后不允许改变的?使用 const 声明复杂类型对象时要慎重。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部