es6数组初始化_你不了解的ES6——let/const（内含高能福利）

最新推荐文章于 2022-10-30 08:36:53 发布
最新推荐文章于 2022-10-30 08:36:53 发布
阅读量241 收藏
点赞数
文章标签： es6数组初始化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_34558810/article/details/112365446
版权

停更了很久，今天，我猿叨叨又回来啦！！！

4e2e3daf115b16fccda6e9eec4ea8814.png

你不了解的ES6

今天起，开始更新你不了解的ES6系列，主要是一些重要的基础知识点。大神请自觉忽略，但欢迎批评指正。菜鸟的话就一起交流提高吧。

ES6系列主要包括：

  1. let/const
  2. 解构赋值
  3. 模板字符串
  4. 函数扩展
  5. symbol
  6. set/map
  7. promise
  8. async
  9. class
  10. module

欢迎持续关注。

今天主要说let/const，其实只说let/const很简单，无非就是定义变量和常量。但是除此之外，我们还需要了解ES6作用域的变化以及变量存储的相关知识。

我们都知道，ES5有var用来定义变量，但定义的是全局变量(顶层)，ES6新增let用来声明块级作用域内有效的变量，const用来声明常量。

let与var相同点

  • 都用于声明变量
  • 语法规则相似

let与var不同点

  • let声明的变量只在所在代码块(块级作用域)有效
  • var声明的变量在全局范围有效
  • var存在变量提升
  • let不存在变量提升

块级作用域是什么？变量提升又是什么？不要慌，下面一个一个说，先说变量提升。敲黑板，划重点了，要考的！！！变量提升在面试中很容易被问到。

变量提升：函数及变量的声明都将被提升到函数的最顶部。

简单来说，变量提升就是允许变量或函数先使用后声明，不会报错。

在ES5中，作用域只有全局作用域和函数作用域两种；ES6新增了块级作用域

全局作用域：声明的变量为全局变量，所有函数可访问函数作用域：声明的变量为局部变量，只有在函数内可访问块级作用域：通过花括号({})声明，定义局部变量，外层作用域不能访问内层作用域的变量

关于let和var就是以上内容。下面是const：

const用于声明只读常量。只读的意思就是一旦声明，它的值就不能再次改变。

它有以下几点需要特别注意：

  • const必须在声明时就初始化值
  • 只在声明所在的块级作用域有效(与let相同)
  • 不存在变量提升(与let相同)
  • 不可重复声明
  • 尽量避免用const声明对象

重点解释最后一条，避免用const声明对象。因为对象是引用类型的值，而const作为常量能保证的只是变量指向的内存地址所保存的值不能改变。

e1781986e75a6bc048fe912c003e4d43.png

JS变量存储

const只能保证栈存储中的内容不变，而对于对象和数组来说，实际的值存储在堆内存，栈中存储的只是指向堆的一个地址而已。这也就是为什么将一个对象用等号赋值给另一个对象时，两个对象的值会相互影响，新对象存的只是指向原对象的一个地址罢了。

聊点学术
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java基础——问题记录（一）
JCManZZ的博客
10-18 699
Java基础——问题记录问题记录问题 一：一个`.java`文件里面可以有多个`class`,但是最多只能有一个“`public class`”,为什么?问题 二：Java的基本数据类型是？问题 三：`StringBuffer(String s)`的实体容量？问题 四：什么叫Socket?怎样建立socket连接？问题 五：接口和抽象类的区别？问题 六：抽象类的构造函数存在的意义？问题 七：包装类有何意义？问题 八：final关键字？问题 九：C/S结构、B/S结构的优缺点，它们有什么特点？问题 十：重载和
javascript ES5中 foreach()遍历方法
weixin_44638167的博客
09-28 5799
forcach() array.forEach(function(currentValue, index, arr)) currentValue：数组当前项的值 index：数组当前项的索引 (可选) arr：数组对象本身 filter() 方法创建一个新的数组， 新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组 注意它直接返回一个新数组 代码: <script> var arr=[50,86,12,10,0,38]; var newa
ES6（一）：let和const、模板字符串、函数默认值、剩余参数、扩展运算符、箭头函数
weixin_42044763的博客
07-20 1148
下面这样会报错，而var就不会。
js初始化二维数组
iwanf_lee的博客
11-13 4185
以前用javascript初始化二维数组的时候，是 //javascript let arr = []; let m = 5; let n = 4; for(let i=0;i<m;i++){ arr[i]=[]; for(let j=0;j<n;j++){ arr[i][j]=0; } } 现在定义 js二维数组可以用数组方法 const arr = new Array(m).fill(0).map(v => new Array(n).fill(0));
es6数组初始化_ES6常用语法
weixin_39612540的博客
12-06 492
var、let和constvar是之前就有的了，在这里提出来主要是为了比较其和let与const。区别1. 块级作用域for(var i = 0; i < 3; i++) {setTimeout(() => {console.log(i); // 输出3个3}, 0)}复制代码解析：变量i是var声明的，在全局范围内是都有效，全局只有一个变量i。每次循环，变量的值会发生改变。循环内的i...
ES6数组与对象的解构赋值详解
10-16
**ES6数组与对象的解构赋值详解** 在ES6中，解构赋值是一项强大的语法特性，它使得从数组或对象中提取值并赋值给变量变得更加简洁和直观。解构赋值允许我们根据特定的模式来匹配和提取数据，这在处理复杂的数据结构...
JavaScript学习笔记之ES6数组方法_.docx
10-09
在JavaScript的世界里，ES6（ECMAScript 6）是一个重要的里程碑，引入了许多新的特性，尤其是在数组处理方面。本文将详细解析ES6中为数组添加的一些关键方法，这些方法极大地提升了开发者的效率，并且在现代浏览器和...
es6数组includes()用法实例分析
11-20
在ES6中，`Array.prototype.includes()`方法是一个非常实用的新特性，它允许开发者检测一个数组是否包含特定的值。这个方法返回一个布尔值，如果数组包含指定的元素，那么返回`true`，否则返回`false`。这个方法的...
ES6数组的扩展详解
08-30
ES6数组的扩展详解 ES6数组的扩展详解主要介绍了ES6数组的新增方法与相关使用技巧。本文将详细对比分析ES6数组的扩展，结合实例形式。 一、Array.from() Array.from()方法将类数组(array-like)对象与可遍历的对象...
JavaScript学习笔记之ES6数组方法
10-22
ES6给数组添加了一些新特性，而这些新特性到目前为止完全可以运用到自己的业务层。在这一节中将总结有关于ES6给数组提供一些新特性的使用方法
老生常谈JS数组去重
进无止进
09-09 601
数组去重，历史悠久的话题了，不过今天只记录个人比较喜欢的方法 1、数组去重需求 项目需要对类似这种数组去重： let lists = [{ id: 1, name: '法外狂徒', age: 20 }, { id: 3, name: '张三', age: 20 }, { id: 1, name: '法外狂徒', age: 20 }, { id: 4, name: '李四', age: 20 }] 该数据以id作为唯一标识，去重时只需去除重复id的那一项即.
自学-ES6篇-数组的扩展
故事的小洋葱
10-06 6232
1、Array.from() Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。 下面是一个类似数组的对象，Array.from将它转为真正的数组。 let arrayLike = { '0': 'a', '1': 'b', '
es5新增的数组方法
weixin_45488764的博客
09-08 311
常用数组元素的迭代方法： 1、 map()方法 返回一个新数组，新数组是原数组的映射； 不改变原数组的值； 新数组的元素值是每次函数return的返回值； 若不写return，接收的新数组的元素值将全为空； var arr = [20,13,11,8,0,11]; var brr = arr.map(function(item)){ //练习一：将数组的每个元素都将增加到原来的1.2倍 return item*1.2; // 此时brr为a数组每个元素的1.2倍 //练习二：若return 1，
ES6
小邹很忙！的博客
08-10 347
一级标题 P25 1、 let 和 var 的区别 let（变量） const（常量） let相比var增加了一个作用域的限制 例如for循环 var定义的变量在for循环外边能获取到 而let定义的变量 在外边获取会报错 而const 相比于let 增加了一个内存地址的限制 普通类型的变量不允许改变 而对象 数组这种对象类型 可以进行改变 但无法重新赋值 变量提升就是 js是解释型语言 在解释时 会首先把变量提升到作用域的顶部 function a(){ ss = 1 } a() console.log
es6 const
杰克拉乌的博客
08-12 416
    const a = 12;         //a = 15 //报错不可变得                  const n = {             name:"leo"         }         n.name = 'nan_kk';         a.email = '111@'         console.log(n)         //const 是指对...
ES6-----let、const和var 声明变量的区别，真正的深入理解知识点
COCOLI_BK的博客
10-08 317
let和const 比 var 多了 块级作用域： 存在函数作用域和全局作用域，还有块级作用域 为什么需要块级作用域： 第一种场景，内层变量可能会覆盖外层变量。 第二种场景，用来计数的循环变量泄露为全局变量。 var 和 let ：https://www.cnblogs.com/fly_dragon/p/8669057.html var ： 存在变量提升的问题 只存在函数作用域和......
JavaScript 28 JavaScript 数组 Const
最新发布
谢谢你们的关注
10-30 287
JavaScript 28 JavaScript 数组 Const
let初始化思考
Bekind2010的专栏
04-26 616
直接写let x=x会报以下错误 Uncaught ReferenceError: x is not defined 此句分为两步， 1、申明变量 let x 2、赋值变量 x=x; 此时内存中创建x变量，但是并未为其分配空间，所以再赋值时，并不能找到有效引用 在这之后，如果再次尝试初始化lex x=1，依然会报错 Uncaught SyntaxError: Identifier 'x' has ...
React 语法之let和const命令
weixin_34387284的博客
08-30 433
let命令 基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上面代码在代码块之中，分别用let和var声明了两个变量。然后...
ES6变量声明新解：值传递、浅拷贝与let/const区别
- **const**：常量声明，一旦赋值就不能改变其值，且必须在声明时初始化，也具有块级作用域。 2. **值传递**： JavaScript采用按值传递原则，这意味着当你传递一个变量的引用给另一个函数时，实际上是复制该变量...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值