let与var的区别,为什么要用let?

时间: 2019-03-14阅读: 41标签: 变量

1.var是全局声明,let是块级作用的,只适用于当前代码块

var a = 1;

if(true){

let a;

a=22;

console.log(a);'//22
}  

if(){}内就是let作用于的块


2.var变量会发生变量提升,let则不会进行变量提升

console.log(a)

var a=2;

console.log(a)   结果为underfined

如果是 let a =2 则会提示报错


3.var 会造成重复赋值,循环里的赋值可能会造成变量泄露至全局


4.let在一个块级作用只能赋一次值,并进行当前代码块的锁区,就是说当前块只有let声明的这个变量是有用的

var a =2;

if(true){
a=3;//这个值会赋值失败,因为let造成了if{}这块代码的锁区

let a;
}

5.let在一个块级内,只能声明一个一个相同的变量名

var a =2;

if(true) {

var a=1;//a=1

let a=1;

let a=2;//报错

}

CSS变量使用解析

很早直接就了解到CSS变量相关的内容,奈何之前使用价值不高(很多主流浏览器不兼容),最近发现主流浏览器都已经支持了这一变化,CSS变量就像JS的变量,每个类名或者花括号就像一个function,里面的变量只有上下文以内可以获取,这就让CSS有了更多可能性。

一个例子,变量提升和函数提升就是这么简单!

引擎在读取js代码的过程中,分为两步。第一个步骤是整个js代码的解析读取,第二个步骤是执行。在JS代码执行之前,浏览器的解析器在遇到 var 变量名 和function 整个函数 提升到当前作用域的最前面。

理解var let const区别

JavaScript中var、let、const区别?js中let和const都是es5版本新的命名规范,在此之前定定义一个变量只能用var。我们可以把let和const看做是为了弥补var的一些不足而新设计出来的

css变量_原生css 中变量的使用

原生css 中变量的使用,这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。声明变量的时候,变量名前面要加两根连词线(--),var()函数用于读取变量。

CSS变量(自定义属性)实践指南

Sass和Less这样的预处理器,让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性,增强了动态编写CSS的能力,从而减少重复代码,也加快了我们开发速度。

css自定义变量_初次接触CSS变量

本文的目的主要是展示CSS变量是如何工作的。随着Web应用程序变得越来越大,CSS变得越来越大,越来越多,而且很多时候都很乱,在良好的上下文中使用CSS变量,为您提供重用和轻松更改重复出现的CSS属性的机制。

js 变量声明易混淆的几点知识

JavaScript 学习过程中遇到的一些容易混淆的地方:变量提升、函数的作用域内赋值、函数内 形参、变量、函数 同名的问题...

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全