ES6学习笔记
文章平均质量分 68
gaoxiaochan
努力成为很棒的人!
展开
-
ggggxc学习笔记----ES6学习笔记VII----Generator、Async
十三、Generator介绍:Generator函数是 ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同,Generator函数有多种理解角度。语法上,Generator函数类似于一个状态机,内部封装了多个状态。执行Generator函数会返回一个遍历器对象,可以依次遍历Generator函数内部的每一个状态。(一)Generator函数有两个特征:1.function关键字与函数名之间有个星号;2.函数内部使用yield表达式; 返回值:迭代器对象 通过调用...原创 2021-08-19 19:14:00 · 131 阅读 · 0 评论 -
ggggxc学习笔记----ES6学习笔记VI----Promise
十二、Promise介绍:Promise是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。有了Promise对象,就可以将异步操作以同步操作的流程表达原创 2021-08-19 19:03:00 · 133 阅读 · 0 评论 -
ggggxc学习笔记----ES6笔记III---函数、迭代器、Set、Map
8.16:六、函数介绍:ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。通常情况下,定义了默认值的参数,应该是函数的尾参数,函数的length属性,将返回没有指定默认值的参数个数function log(x, y = 'World') {console.log(x, y);}参数默认值可以与解构赋值的默认值,结合起来使用。function foo(fx, y = 5)){console.log(x, v);ES6引入rest参数(形式为...变量名)原创 2021-08-16 19:53:49 · 116 阅读 · 0 评论 -
ggggxc学习笔记----ES6----Babel
一、Babel1. babel是一个广泛使用的es6转换器,可以将ES6代码转为ES5代码,从而在老版本的浏览器执行。这意味着,可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。//转码前input.map(item => item + 1); //转码后input.map(function (item) { return item + 1;});2.npm: 使用过程中,我们会发现,npm安装依赖的速度比较慢,我们可以使用淘宝的npm镜像cnpm,...原创 2021-08-12 19:31:36 · 323 阅读 · 0 评论 -
ES6笔记----函数参数
函数参数例子:// function myFun (a, b, c = 0) {// console.log(a, b, c);// }// 拓展运算符用在函数的参数的时候,叫rest参数// let myFun = (a, ...b) => {// console.log(a, b);// }// myFun(1, 2, 3, 4, 5);// 参数解构// let fun = ({ name, age = 0 }) => {// console.lo原创 2021-08-16 20:09:53 · 139 阅读 · 0 评论 -
ggggxc学习笔记----ES6笔记II----变量、解构、对象、数组
一、变量:let介绍:在es5中,我们通常使用var声明一个变量,但是var有很多特性与常规的编程语言都不太相同,在es6中,又提供了与常规语言类似的声明变量的方法。let对比var有如下特点: (1)变量声明不会被提升,即在变量声明之前无法使用该变量 (2)具有局部作用域,即let声明的变量只能在对应代码块中使用 (3)不允许重复声明。二、const:用于声明常量,与let具有相同的特性。 其他特性:const声明的变量在声明的时候就需要赋值,并且只能赋值一次,不...原创 2021-08-13 14:51:27 · 115 阅读 · 0 评论 -
ggggxc学习笔记----ES6笔记V----class
十一、class1.介绍: JavaScript 语言中,生成实例对象的传统方法是通过构造函数。ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰,也更像面向对象编程的语法而已。所以ES6的类,完全可以看作构造函数的另一种写法。例:class Person{constructor(na...原创 2021-08-17 20:09:48 · 147 阅读 · 0 评论 -
ggggxc学习笔记----ES6笔记IV----Symbol
十、Symbol介绍:ES6引入的一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型。Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于Symbol类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。Symbol函数可以接受参数表示对于这个唯一值的描述。例:let s = Symbol()typeof s ;//"'symbo原创 2021-08-17 19:49:46 · 95 阅读 · 0 评论