ES6入门（阮一峰）读书笔记-2

最新推荐文章于 2025-07-22 15:13:58 发布
最新推荐文章于 2025-07-22 15:13:58 发布
阅读量192 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： ES6 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Zmongo/article/details/106128397
本文探讨了JavaScript中let和const的块级作用域特性，分析了ES2020引入的globalThis对象如何统一不同环境下的顶层对象引用，同时讨论了函数声明与表达式的区别，以及JSON作为一种通用数据格式的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

let

在这里插入图片描述

块级作用域

在这里插入图片描述
考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。

const

在这里插入图片描述

globalThis

ES2020新增了globalThis对象，对象下面的this无论何时都是顶层对象。
用一段代码代码为了能够在各种环境中都能获取到顶层对象，一般使用this，但有局限性。

  1. 全局环境中，this会返回顶层对象，但node模块和ES6模块中，this返回的是当前模块
  2. 函数里的this，如果函数不是作为你对象的方法，而是单纯的作为函数运行，this会指向顶层对象，严格模式下，this会返回undefined。

变量解构

在这里插入图片描述

json

一种与开发语言无关的、轻量级的数据存储格式，全称Javascript Object Notation，一种数据格式的标准规范，起初来源于Javascript这门语言，后来随着使用的广泛，几乎没门开发语言都与处理Json的API
易于程序员的阅读和编写，易于程序解析与生产

ES6标准入门（阮一峰）学习笔记01第1,2章-babel，let，const，冻结常量，声明变量的6种方法，顶层对象的属性，global对象
weixin_43745804的博客
08-17 740
1、ECMAScript6简介 Node.js是Iavascript的服务器运行环境。 2、Babe转码器 Babe转码器是一个Es6转码器，将es6转成es5 babel的配置文件是.babelrc，存放在项目的根目录下。需要配置这个文件 命令行转码工具babel-cli npm -install --global babel-cli babel-cli工具自带一个babel-node命令，执行babel-node可以进入repl环境，可以直接运行es6脚本 其他的还有babel-register
ES6标准入门——阮一峰 读书笔记
weixin_44457144的博客
04-03 682
Let和const 不存在变量提升 只要块级作用域内存在let命令，它所申明的变量就绑定这个区域，不再受外部影响。凡是在声明之前就使用这些变量就会报错。 Let不允许在相同的作用域内，重复声明一个变量 ES5只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。一对大括号就是一个块。 ES5规定函数只能在顶层作用域和函数作用域中声明，不能在块级作用域声明。 ES6引入了块级作用域，明...
ES6入门基础-阮一峰
04-10
《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。
阮一峰 ES6 入门教程
u014212540的博客
03-09 1559
阮一峰 ES6 入门教程
【阮一峰ES6入门教程学习笔记】let&const
weixin_42925169的博客
08-14 2737
ES6学习笔记let&const解构赋值字符串扩展函数扩展数组扩展对象的扩展数值扩展正则扩展 let&const 解构赋值 字符串扩展 函数扩展 数组扩展 对象的扩展 数值扩展 正则扩展
ES6专题——整理自阮一峰老师的ECMAScript 6入门
理智lili的博客
11-23 593
这里我仅仅是记录了那些我认为值得注意的ES6知识点，详细版请挪步https://es6.ruanyifeng.com/#docs/let let和const命令 let声明的变量只在它所在的代码块有效。 var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; ...
es6相关笔记（阮一峰版）(2)
weixin_44016230的博客
11-29 132
es6 阮一峰
02-07
通过阅读《ES6 阮一峰》，开发者可以深入理解这些新特性，提升JavaScript开发技能。此书不仅适合初学者入门，也是进阶开发者的重要参考。在学习过程中，读者可以通过做笔记加深理解和记忆，提高学习效率。同时，书中...
《ES6 标准入门》读书笔记
Creabine的博客
02-20 2698
过年在家闲着没事，来看看ES6，选了阮一峰大大的《ES6 标准入门》这本书，了解一下新的js规范。这里做一下读书笔记。 ECMAScript 6 须知 目前各大浏览器的自新版本应该都支持ES6了，并且Node.js对ES6的支持度比浏览器还高，通过Node可以体验更多ES6的特性。 Babel转码器 Babel是个ES6转码器，可以将ES6代码转换为ES5代码，从而在现有环境执行。
ES6-Study：学习阮一峰大师教程的一些笔记
01-31
阮一峰老师的《ES6 入门》教程是学习这一语言版本的优秀资源，下面将根据该教程分享一些关键知识点。 1. **let 和 const 声明** - `let` 用来声明块级作用域的变量，解决了之前 `var` 变量提升的问题，避免了意外...
详解ES6通过WeakMap解决内存泄漏问题
11-30
一、Map 1.定义 Map对象保存键值对，类似于数据结构字典；与传统上的对象只能用字符串当键不同，Map对象可以使用任意值当键。 2.语法 new Map([iterable]) 属性 size：返回键值对的数量。 操作方法 set(key, value)：设置（新增/更新）键key的值为value，返回Map对象。 get(key)：读取键key的值，没有则返回undefined。 has(key)：判断一个Map对象中是否存在某个键值对，返回true/false。 delete(key)：删除某个键值对，返回true/false。 clear()：清除Map对象中
【ES6-阮一峰博客阅读笔记】
亦何妨的博客
05-07 960
let和const： let和const不会变量提升，因此如果在声明前使用，会报错阻止代码运行，此外var和function会变量提升，function在前，var在后，所以函数名和变量名重复的话，无论是以怎样的顺序定义的，变量都会覆盖函数。 还有，这个使用会报错的使用，包括任何形式的使用，比如typeof 一个let声明的变量（在声明的那行代码前），那也会报错！但如果typeof一个压根不存在的变量，反而只会打印undefined，而不是报错。 以及不能重复声明，let，const，var，函数参数名，.
ES6中Set、Map、WeakSet、WeakMap
混世小妲己
01-07 167
阮一峰：https://es6.ruanyifeng.com/#docs/set-map 待会自己整理简单的一份
阮一峰ES6入门读书笔记（九）：Set 和 Map
黄黄黄一边敲代码一边写出来的博客
12-25 500
阮一峰ES6入门读书笔记（九）：Set 和 Map 1.Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 Set函数可以接受一个数组（或者具有 ite
阮一峰ES6 入门教程
热门推荐
qq_42063793的博客
07-19 1万+
学习地址：https://es6.ruanyifeng.com/
内存泄漏问题
04-18 409
JavaScript 内存泄漏教程 分享按钮 作者：阮一峰 日期：2017年4月16日 一、什么是内存泄漏？ 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则...
es6 map和 weakmap
韩吉鑫的博客
09-07 2621
Map和WeakMap是ES6新增的数据结构  一、Map  它们本质与对象一样，都是键值对的集合，但是他们与Object对象主要的不同是，键可以是各种类型的数值，而Object对象的键只能是字符串类型或者Symbol类型值。Map和WeakMap是更为完善的Hash结构。  1.对象和Map  //---------对象---------------------------  var 
Set、Map、WeakSet 和 WeakMap 的区别
米斯特尔曾的博客
03-13 2346
Set MDN：Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 let a = new Set(); undefined a.add(1); // 输出 Set(1) {1} a.add(2); // 输出 Set(2) {1, 2} a.add(2); // 输出 Set(2) {1, 2} 从代码上可以看出去重 但是 let b = new Set(); b.add(...
符号绑定详解：ES6模块中的“诡异”现象与内存机制
最新发布
everfoot的博客
07-22 314
本文揭示了ES6模块中常被忽视的"符号绑定"机制及其潜在问题。当模块导出一个变量时，导入方获取的常量会与导出方共享内存空间，导致看似矛盾的"常量值可变"现象。这种机制违背开发者直觉，容易引发难以调试的bug。为解决这一问题，建议将可变状态封装为对象导出，这样既能保持导入常量的不变性，又能通过对象属性实现状态变更。理解并正确应用符号绑定机制，可以避免ES6模块开发中的常见陷阱，提高代码的可维护性和可靠性。
es6 proxy 阮一峰
08-17
- *3* [阮一峰ES6入门读书笔记（十）：Proxy](https://blog.youkuaiyun.com/qq_45902611/article/details/122187243)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值