es6阮一峰阅读学习

gamedaybyday gamedaybyday     2023-01-03     605

关键词:

参考:

ECMAScript6入门

 

一、ECMAScript6简介

1. 什么是ECMAScript6? JavaScript语言的下一代标准。2015年6月发布,正式名称是《ECMAScript2015标准》。

思考:编程语言和英语、法语语言差不多吧。其实就是语言的标准、规范之类,和英语语法差不多的东西吧 = =!

 

二、let和const命令

1. let

1.1 声明的变量仅在块级作用域内有效

1.2 不存在变量提升

1.3 暂时性死区:使用let命令声明变量之前,该变量是不可用的

1.4 不允许重复声明

let a = 1;

思考:其实就是var变量自动提升和作用域容易产生错误,而出现let这样一个严谨定义的“局部变量”。

 

2. 块级作用域

ES5只有全局作用域、函数作用域。ES6有了块级作用域,块级就是 , 花括号内就是块级作用域的范围

思考:这个作用域有啥子用呢,平时也不使用来当作用域。

 

3. const命令

1.1 声明一个只读的常量,常量的值不能改变(变量指向的内存地址的数据不得改动)

1.2 只在声明的块级作用域内有效

1.3 生命对象时,对象的值可改变,只是不能把变量指向另一个对象

const PI = 3.1415;

思考:这个const在其他语言里,用在比如事件名、模块名等等限制变量改变,比如publist static const LOGIN_EVENT:string = "LOGIN_EVENT"

           但是ES6里这个只能当成局部变量用...好想并没啥用...

 

三、变量的解构赋值

1.1 什么是解构? ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。

let a ;
let b ;
[a,b] = [1,2];
console.log(a,b);  //1,2

思考:个人看这个赋值比较难读不习惯,感觉用在swap交换数值上很好用,不需要定义temp临时变量写3行了 = =!

let a = 1;
let b = 2;
[a,b] = [b,a];
console.log(a,b);  //2,1

 

 

 

  

 

关于阮一峰老师es6(第三版)中管道机制代码的理解浅析

最近正在学习阮一峰老师的es6(第三版)教材,在学到第七章《函数的扩展》中的箭头函数嵌套时,文中提到了一个关于“管道机制”的示例,文中源代码如下://es6(第三版)教材中的管道机制源代码:constpipeline=(...funcs)=>val=... 查看详情

读阮一峰老师es6入门笔记——第一章

  鉴于最近用vuejs框架开发项目,其中有很多涉及到es6语法不太理解所以便认真地读了一下这本书。  地址:http://es6.ruanyifeng.com/#README   第一章:let,const命令以及块级作用域  es6新增了let和const这两个变量的声明关... 查看详情

阮一峰老师的es6入门:async函数(代码片段)

async函数1.含义ES2017标准引入了async函数,使得异步操作变得更加方便。async函数是什么?一句话,它就是Generator函数的语法糖。前文有一个Generator函数,依次读取两个文件。constfs=require(‘fs‘);constreadFile=function(fileName)returnnewPromis... 查看详情

es6学习笔记

参考材料:阮一峰  ECMAScript6入门笔记列表1. let和const命令 查看详情

阮一峰老师的es6入门:变量的解构赋值(代码片段)

变量的解构赋值数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号问题用途数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为... 查看详情

es6深入学习记录编程风格

今天学习阮一峰ES6编程风格,其中探讨了如何将ES6的新语法,运用到编码实践之中,与传统的JavaScript语法结合在一起,写出合理的、易于阅读和维护的代码。1.块级作用域 (1)let取代var   ES6提出了两个新的声明变量的命令:le... 查看详情

es6中promise学习笔记

  参考资料:廖雪峰javascript教程-promise 阮一峰ECMAScript6入门-Promise对象 JavaScriptPromise迷你书(中文版)  查看详情

《es6标准入门》(阮一峰)--15.reflect(代码片段)

1.概述Reflect对象与Proxy对象一样,也是ES6为了操作对象而提供的新API。Reflect对象的设计目的有这样几个。(1)将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Obje... 查看详情

阮一峰老师javascript课程学习笔记

1、switch采用的是严格相等运算符2、break和continue都具有跳转作用,break语句跳出循环,continue用于立即终止本轮循环,返回循环结构的头部,开始下一轮循环。3、JavaScript内部所有数字都是以64位浮点数形式存储,涉及小数的运算... 查看详情

你是否也在学习es6promise时遇到过这个问题?

背景周末闲来无事,随便翻看了一下阮一峰老师的《ES6标准入门》第2版,ps:之前在阮一峰老师的官网看过电子版,感觉干货满满,所以就买了纸质版;当看到第16章第4节‘Promise.prototype.catch()‘时,遇到了一个小困惑,下面我们... 查看详情

1.《es6标准入门》(阮一峰)--3.变量的解构赋值(代码片段)

1.数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。leta=1;letb=2;letc=3;ES6允许写成下面这样。let[a,b,c]=[1,2,3];上面代码表... 查看详情

我的es6学习笔记

...多这几个吧,其他的还不是很了解。现在再拿出来结合阮一峰老师的书再重新的学习一遍。ES6npminstallbabel-cli-gnpminstallbabel-cliba 查看详情

es6笔记系列

...一个JSer,羞愧羞愧,还是尽早去学习吧 主要参照阮一峰的ES6标准入门 及其他资料,系统地学习ES6,好记星不如烂笔头,记录一下成文 以下为系列文章  查看详情

flex布局(引用阮一峰大神)

Flex布局教程:语法篇http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex布局教程:实例篇http://www.ruanyifeng.com/blog/2015/07/flex-examples.html一个学习Flex布局的小游戏http://flexboxfroggy.com/#zh-cn 查看详情

27理解js的继承机制(转载自阮一峰)

Javascript继承机制的设计思想 作者: 阮一峰日期: 2011年6月5日我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototyp... 查看详情

react深入学习(资料,案例)

...开发框架》react入门教程:React 入门实例教程- 阮一峰的网络日志:http://www.ruanyifeng.com/blog/2015/03/react.htmlgithub reactreactdevtools开发者工具下载具体的基于react+redux是基于es6进行开发的所以:学习es6  查看详情

《es6标准入门》(阮一峰)--17.iterator和for...of循环(代码片段)

1.Iterator(遍历器)的概念JavaScript原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6又添加了Map和Set。这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Ma... 查看详情

阮一峰的介绍

参考技术A阮一峰,70后,英文名Frank。他原是上海财经大学世界经济博士研究生。主要研究宏观金融、货币政策与美国经济。于2008年6月获得博士学位。目前在上海一所当地大学(上海金融学院国际经贸学院)任教。他本人也是... 查看详情