ES6
Dassily
不是美感和乐趣的web前端工程师
展开
-
初学ES6笔记二字符串的扩展
一、字符串的扩展1.字符Unicode表示法 JavaScript有6种方法表示自已字符:'\172' === 'z' // true'\x7A' === 'z' // true'\u007A' === 'z' // true'\u{7A}' === 'z' // true'\z' === 'z' // true2.codePointAt()UTF-16每个字符固定2个字符...原创 2019-03-20 10:10:28 · 128 阅读 · 0 评论 -
初学ES6笔记九Reflect
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Reflect1.概述Reflect对象的设计目的有这样几个。(1) 将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Object和Reflec...原创 2019-04-03 09:32:56 · 1329 阅读 · 0 评论 -
初学ES6笔记十 二进制数组
二进制数组二进制数组由3类对象组成:1.**ArrayBuffer对象:**代表内存中的一段二进制数据,可以通过“视图”进行操作。“视图”部署了数组接口,这意味着,可以用数组的方法操作内存。2.**TypedArray视图:**共包括9种类型的视图,比如Uint8Array(无符号8位整数)数组视图、Int16Array(16位整数)数组视图、Float32Array(32位浮点数)数组视图...原创 2019-04-03 10:41:26 · 400 阅读 · 0 评论 -
初学ES6笔记十三Promise对象
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Promise对象一、Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。Promise,就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说...原创 2019-04-09 10:05:06 · 158 阅读 · 0 评论 -
初学ES6笔记十八Class 的继承
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Class 的继承一、简介Class 可以通过extends关键字实现继承。class Point {}class ColorPoint extends Point {}我们在ColorPoint内部加上代码。class Col...原创 2019-04-16 09:18:17 · 140 阅读 · 0 评论 -
初学ES6笔记十九修饰器
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)修饰器一、类的修饰许多面向对象的语言都有修饰器(Decorator)函数,用来修改类的行为。@testableclass MyTestableClass { // ...}function testable(target) { ...原创 2019-04-17 09:13:51 · 225 阅读 · 0 评论 -
初学ES6笔记十七Class 的基本语法
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Class 的基本语法一、简介概述JavaScript 语言中,生成实例对象的传统方法是通过构造函数。function Point(x, y) { this.x = x; this.y = y;}Point.prototype...原创 2019-04-15 11:12:39 · 153 阅读 · 0 评论 -
初学ES6笔记二十二编程风格
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)编程风格一、块级作用域(1)let 取代 varlet和const ,let完全可以取代var,因为两者语义相同,而且let没有副作用。'use strict';if (true) { let x = 'hello';}for...原创 2019-04-23 08:47:15 · 139 阅读 · 0 评论 -
初学ES6笔记二十三读懂 ECMAScript 规格
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)读懂 ECMAScript 规格一、概述二、术语抽象操作所谓“抽象操作”(abstract operations)就是引擎的一些内部方法,外部不能调用。规格定义了一系列的抽象操作,规定了它们的行为,留给各种引擎自己去实现。举例来说,Boo...原创 2019-04-23 09:36:12 · 176 阅读 · 0 评论 -
初学ES6笔记二十Module语法
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Module语法一、概述ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。// CommonJS模块let { stat, exists,...原创 2019-04-19 09:26:27 · 212 阅读 · 0 评论 -
初学ES6笔记十六async函数
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)async函数一、含义async 函数是它就是 Generator 函数的语法糖,它使异步操作变得更加方便。有一个 Generator 函数,依次读取两个文件。const fs = require('fs');const readFil...原创 2019-04-12 10:24:11 · 158 阅读 · 0 评论 -
初学ES6笔记十二 Iterator 和 for...of 循环
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Promise 对象一、概述Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。...原创 2019-04-08 18:01:28 · 306 阅读 · 0 评论 -
初学ES6笔记三数组的扩展
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)数组的扩展1、Array.from()扩展运算符扩展运算符是(spread)是三个点。把数组转为逗号分隔的参数序列。主要用于函数调用。eg:console.log(...[1,2,3])//1 2 3函数调用把一个数组变成参数序列。e...原创 2019-03-21 10:15:18 · 132 阅读 · 0 评论 -
初学ES6笔记四函数的扩展
函数的扩展1.函数参数的默认值ES6可以直接为函数的参数指定默认值。即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello参数变量...原创 2019-03-22 10:35:03 · 132 阅读 · 0 评论 -
初学ES6笔记五对象的扩展
对象的扩展一、属性的简洁表示法ES6允许直接写入变量和函数作为对象的属性和方法。const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};ES6允许在对象中只写属性名,你写属性值。属性的复制器(setter)和取值器(getter)事实上也采用了简洁写法。二、属性名...原创 2019-04-01 09:59:23 · 156 阅读 · 0 评论 -
初学ES6笔记六Object
一、Object.getOwnPropertyDescriptors()ES5 的Object.getOwnPropertyDescriptor()方法会返回某个对象属性的描述对象(descriptor)。ES2017 引入了Object.getOwnPropertyDescriptors()方法,返回指定对象所有自身属性(非继承属性)的描述对象。该方法的引入目的,主要是为了解决Object....原创 2019-04-01 17:52:29 · 174 阅读 · 0 评论 -
初学ES6笔记十一Set 和 Map 数据结构
Set 和 Map 数据结构一、set基本用法它类似于数组,但是成员的值都是唯一的,没有重复的值。set本身是一个构造函数,用来生成Srt数据结构。 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...原创 2019-04-07 08:07:56 · 301 阅读 · 0 评论 -
初学ES6笔记十四Generator 函数的语法
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Generator 函数的语法一、简介基本概念Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态...原创 2019-04-11 09:59:13 · 156 阅读 · 0 评论 -
初学ES6笔记七 Symbol
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Symbol一、概述ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number...原创 2019-04-02 09:16:22 · 164 阅读 · 0 评论 -
初学ES6笔记十五Generator 函数的异步应用
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Generator 函数的异步应用一、基本概念"异步",就是一个任务不是连续完成的,可以理解成该任务被人为分成两段,先执行第一段,然后转而执行其他任务,等做好了准备,再回过头执行第二段。相应地,连续的执行就叫做同步。由于是连续执行,不能插入其...原创 2019-04-11 13:41:58 · 163 阅读 · 0 评论 -
初学ES6笔记八Proxy
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Proxy1. 概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问...原创 2019-04-02 11:10:52 · 132 阅读 · 0 评论 -
初学ES6笔记二十一Module的加载实现
本人的笔记内容来自于[阮一峰老师的ECMAScript 6 详细内容请看(http://es6.ruanyifeng.com/#docs/array)Module的加载实现一、浏览器加载传统方法HTML 网页中,浏览器通过浏览器是同步加载 JavaScript 脚本,即渲染引擎遇到两种异步加载的语法。<script src="path/to/myModule.js" defer&g...原创 2019-04-19 10:56:33 · 145 阅读 · 0 评论