React ECMAScript 6
凌霄~
every morning you have two choices, continue to sleep with your dreams or wake up and chase them
展开
-
ECMAScript 6学习笔记之---- Promise
Promise作用Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。Promise使用原创 2019-01-19 22:56:54 · 219 阅读 · 0 评论 -
ECMAScript 6学习笔记之----async 函数
含义async 函数是什么?一句话,它就是 Generator 函数的语法糖。前文有一个 Generator 函数,依次读取两个文件。const fs = require('fs');const readFile = function (fileName) { return new Promise(function (resolve, reject) { fs.readFile...原创 2019-04-21 16:56:28 · 216 阅读 · 0 评论 -
ECMAScript 6学习笔记之----Generator函数和异步应用
基本概念 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Gener...原创 2019-04-21 16:55:56 · 198 阅读 · 0 评论 -
ECMAScript 6学习笔记之----Reflect
Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Object和Reflect对象上部署,未来的新方法将只部署在Reflect对象上。也就是说,从Reflect对象上可以拿...原创 2019-04-21 16:55:15 · 191 阅读 · 0 评论 -
ECMAScript 6学习笔记之----Proxy
Proxy概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器...原创 2019-04-21 16:54:24 · 198 阅读 · 0 评论 -
ECMAScript 6学习笔记之----对象的扩展
Object.is Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。 ES5 比较两个值是否相等,只有两个运算符:相等运算符()和严格相等运算符(=)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。prin...原创 2019-04-21 16:53:44 · 156 阅读 · 0 评论 -
ECMAScript 6学习笔记之----函数的扩展
函数参数设置默认值ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hellofunction P...原创 2019-04-21 16:53:07 · 159 阅读 · 0 评论 -
ECMAScript 6学习笔记之----正则的扩展
RegExp构造函数RegExp构造函数的参数有两种情况。第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。var regex = new RegExp('xyz', 'i');// 等价于var regex = /xyz/i;第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。var regex = new RegExp(/xyz/...原创 2019-04-21 16:52:28 · 164 阅读 · 0 评论 -
ECMAScript 6学习笔记之----字符串的扩展
String的基本方法charAt,concat,slice,substr,indexOf,trimvar stringObject = new String(" hello, world ");print(stringObject.charAt(0));print(stringObject[1]);print(stringObject.concat([',java', 'go']))...原创 2019-04-21 16:51:41 · 199 阅读 · 0 评论 -
ECMAScript 6学习笔记之----变量的解构赋值
数组的结构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。let [a, b, c] = [1, 2, 3]print(a)let [x, , y] = [1, 2, 3]print(y)let [x1, y1, z1] = new Set(['a', 'b', 'c']);print(x1)-----1-...原创 2019-04-21 16:50:32 · 161 阅读 · 0 评论 -
ECMAScript 6学习笔记之----Let和const命令
基本使用ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}console.log("b = " + b);//console.log("a = " + a);暂时性死区 暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可...原创 2019-04-21 16:49:15 · 219 阅读 · 0 评论 -
ECMAScript 6学习笔记之----Symbol
文章目录什么是Symbol作为属性名的Symbol消除魔术字符串属性名的遍历总结什么是Symbol Symbol是ES6新引入的原始数据类型,表示独一无二的值。他是JavaScript语言的第七种数据类型,前六种是:undefined,null,布尔型(Boolean),字符串(String), 数值Number,对象(Object) 。作为属性名的Symbol 由于每一个Symbol值都...原创 2019-01-26 22:50:24 · 244 阅读 · 0 评论 -
ECMAScript 6学习笔记之----数组的扩展
扩展运算符 … rest的逆运算扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。//rest参数逆运算print(...[1, 2, 3])print([1, 2, 3])print(1, ...[2, 3, 4], 5)作用合并数组。代替数组applyfunction f(x,y,z) { consol...原创 2019-04-27 10:45:42 · 259 阅读 · 0 评论