let , const , var , 的区别

1.let : 变量不能重复声明

比如说 : let name = 'hygg';

let name = 'xiaohai';

这样声明变量是会报错的但是var 可以重复声明变量

var name = 'hygg';

var name = 'xiaohai';

2.let : 块级作用域

例如:

{

let boy = 'xiaohai';

}

console.log(boy);

外面拿里面的变量去输出是不行的, 是会报错的.因为块级作用域只在当前作用域生效

3.let : 不存在变量提升

变量提升:是会把变量声明提到当前作用域的最前面,但是只会提升变量声明,而不会提升变量赋值

console.log(people);

var people = 'hygg'

结果是: undefined

上面代码相当于

var people;

console.log(people);

people = "hygg";

4.let 不影响作用域链

 var items = document.querySelectorAll('.item');// var 循环便利添加绑定事件 会出错// for(var i = 0; i < items.length; i++) {//     items[i].onclick = function() {//         // this.style.backgroundColor = 'pink';//         items[i].style.backgroundColor = 'pink';//     }// }for(let i = 0; i < items.length; i++) {items[i].onclick = function() {// this.style.backgroundColor = 'pink';items[i].style.backgroundColor = 'pink';}}

上面代码中 ,经常在dom操作中是会遇到的问题 ,但是我们用let 来声明循环变量就不会遇到这样的问题了

1.const: 一般用于声明常量

2.const: 注意事项

(1) : 一定要赋予初始值

(2) : 常量的值不能被修改

3.const : 他和let 一样也是有块级作用域的概念

4.const : 可以用来声明数组和对象,对于数组和对象元素内部的修改,不算做对常量的修改不会报错

const MATH = [1,2,3,4,5];

MATH.push(6);

console.log(MATH);

let , const , var , 的区别相关推荐

js中const,var,let区别与用法
原文链接:https://blog.csdn.net/qq_36784628/article/details/80966826 js中三种定义变量的方式const, var, let的区别. 1. c ...
javaScript中const,var,let区别与用法详解
业务场景:今天想从正则表达式数组对象取出几个参数的值,发现好多人都用的const声明的变量,这里一起总结一下吧. 上一篇-->前端使用正则表达式获取地址栏URL参数的值并将需要的参数值展示在页面 ...
【js】js中const,var,let区别
在node.js使用例子中,第一次看到const的声明,查询了一下,可以看得出来: http://www.cnblogs.com/ksl666/p/5944718.html 参考主要内容是:js中三 ...
js中let const var的区别
1.var声明的变量会存在变量提升,而let 和 const的变量不会存在变量提升也就是var声明的变量会被提升到他所在的作用域顶端去 // var: console.log(a) // 打印为 ' ...
js中const,var,let区别
1.const定义的变量不可以修改,而且必须初始化. 1 const b = 2;//正确 2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + ...
php 中const define,PHP 中 const define 的区别
在php中定义常量时,可用到const与define这两种方法,那他们到底有什么区别呢? 1.const用于类成员变量的定义,一经定义,不可修改.define不可用于类成员变量的定义,可用于全局常量. ...
javascript中var、let、const声明的区别
我在上一篇文章javascript中词法环境.领域.执行上下文以及作业详解中的最后稍微提到了有关var.let.const声明的区别,在本篇中我会重点来分析它们之间到底有什么不同. 提到var.let ...
uniapp 获取到js文件var一个变量怎么获取到这个变量值_浅析Js中const,let,var的区别及作用域...
理解:let变量的作用域只能在当前函数中 js中const,let,var的区别及作用域_lianzhang861的博客-CSDN博客blog.csdn.net 全局作用域中,用 const 和 l ...
轻松弄懂var、let、const之间的区别（一看就懂）
ES6的好处 ES6的出现为我们前端带来了很多方便之处,以前用js几十行才实现的一个功能,ES6几行代码就能简单的实现,ES6新增的一些特性,改变了很多弊端之处,比如新出现的let.const,实现了 ...

let , const , var , 的区别

let , const , var , 的区别相关推荐

最新文章

热门文章