![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript ES6
肖ZE
这个作者很懒,什么都没留下…
展开
-
es6——let和const
let let用来申明变量1.作用域只局限于当前代码块 { var str='bob'; console.log(str);//right let str1='bob1'; console.log(str1);//right } console.log(str);//right consol...原创 2018-09-08 16:41:45 · 173 阅读 · 0 评论 -
es6——Proxy
Proxy 可以理解成在目标对象前架设一个“拦截”层,外界对该对象的访问都必须先通过这层拦截,因此提供了一种机制可以对外界的访问进行过滤和改写let obj = new Proxy({}, { get (target, p, receiver) { console.log('getter') return Reflect.get(target, p, receiver) ...原创 2019-05-12 16:27:24 · 461 阅读 · 0 评论 -
es6——Decorator 类的修饰器
修饰器(Decorator)是一个函数,用来修饰类的行为,ES2017 引入了这项功能,目前 babel 转码器已经支持修饰器对类的行为的改变是在代码编译时发生的,而不是在运行时。这意味着,修饰器能在编译阶段运行代码,也就是说,修饰器本身就是编译时执行的函数类的修饰:修饰器的第一个参数就是所要修饰的目标类 @testable class Fun {} function te...原创 2019-05-10 15:21:20 · 457 阅读 · 0 评论 -
es6——Generator
this.$http.get('/data1', data1, (res, err) => { if (err) { return handle(err) } this.$http.get('/data2', data2, (res, err) => { if (err) { return handle(err) ...原创 2019-05-07 13:52:48 · 595 阅读 · 0 评论 -
es6——Reflect
将 Object 对象的一些明显属于语言内部的方法(如 Object.defineProperty)放到 Reflect 对象上,现阶段,某些方法同时在 Object 和 Reflect 对象上部署,未来的新方法将只在 Reflect 对象上部署。也就是说,从 Reflect 对象上可以获得语言内部的方法修改某些 Object 方法的返回结果,让其变得更合理。比如,Object.defineP...原创 2019-05-14 12:09:01 · 104 阅读 · 0 评论 -
es6——async / await
首先,async / await是什么?简单来说,它就是 Generator 函数的语法糖特点:内置执行器Generator 函数执行必须靠执行器,所以才有了 co 模块,而 async 函数自带执行器,也就是说 async 函数的执行与普通函数一摸一样,只要一行更好的语义async 和 await 比起星号和 yield,语义更加清晰,async 表示函数里有异步操作,await 表...原创 2019-05-08 18:20:42 · 137 阅读 · 0 评论 -
es6——promise(解决回调地狱的问题)
首先,提出一个需求:要封装一个方法,使得能够读取文件,并将内容返回先创建 3个 .txt 文件1.txt/2.txt/3.txt,作为我们要读取的文件,内容自己瞎编fs 和 path 模块:const fs = require('fs');const path = require('path');这是普通读取文件的方式:fs.readFile(path.join(__dirn...原创 2018-10-28 11:54:50 · 1367 阅读 · 0 评论 -
es6——padStart和padEnd
ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。 console.log('cc'.padStart(2, '123'));//cc console.log('cccc'.padStart(2, '123'))...原创 2018-09-28 21:32:03 · 477 阅读 · 0 评论 -
es6——函数扩展 箭头函数
1.形参设置默认值es5 { function sum1(num1, num2) { num1 = num1 || 10; num2 = num2 || 10; console.log(num1 + num2); } ...原创 2018-09-14 21:20:53 · 174 阅读 · 0 评论 -
es6——模板字符串 数组扩展(Array.form和Array.of) 对象的扩展
1.内置对象扩展显示一行 不方便观看 { let html='<body>' + '<p>good luck</p>' + '</body>'; console.log(html);//&l原创 2018-09-14 20:37:30 · 839 阅读 · 0 评论 -
es6—新增的数据类型 数组集合 Set
特点: 1.类似于数组,没有重复的元素(唯一的) 2.开发中用于去除重复数据 3.key和value都是相等的 { //创建一个集合 let set=new Set(['bob','lucy','john','bob','lucy']); //将重复的元素去除了 console.log(se...原创 2018-09-09 09:28:26 · 1872 阅读 · 0 评论 -
es6——class运用-绚丽小球-面向对象版本
css body { margin: 150px; } #father{ position: relative; } #canvas { box-shadow: 0 0 10px; position: absolute;...原创 2018-09-11 22:09:45 · 253 阅读 · 0 评论 -
es6——解构赋值 、for of 的 Iterator 遍历器
ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring) 1.基本用法 { let name = 'bob', age = 18, sex = 'man'; console.log(name, age, sex);//bob 18 man } { let [name, age, se...原创 2018-09-08 17:13:28 · 252 阅读 · 0 评论 -
es6——新增的数据类型 class
es5的面向对象方法 { //构造函数 function Person1(name,age){ this.name=name; this.age=age; } Person1.prototype={ constructor:Person1, ...原创 2018-09-11 20:33:43 · 925 阅读 · 0 评论 -
es6——新增的数据类型 symbol
应用场景: es5的对象属性名都是字符串,容易造成属性名冲突 es6引入新的原始数据类型symbol,表示独一无二的值对象属性名可以有两种类型:1.字符串;2.symbol类型(独一无二,不会与其他属性名产生冲突) { let str1 = Symbol(); let str2 = Symbol(); consol...原创 2018-09-11 19:45:08 · 121 阅读 · 0 评论 -
es6——新增的数据类型 对象集合 Map
特点: 1.类似于对象,本质上是键值对的集合 2.“键”不局限于字符串,各种类型的值(包括对象)都可以当做键 3.对象“字符串-值”,map“值-值”,是一种更加完善的hash结构实现 { let obj = {a: 1}, obj1 = {b: 2}, obj2 = {}; obj2.c = 3; //无论键内...原创 2018-09-11 19:24:48 · 832 阅读 · 0 评论 -
解决异步回调地狱的三种方法(promise、async/await、generator)
promise地址:https://blog.csdn.net/lucky541788/article/details/83473401async/await地址:https://blog.csdn.net/lucky541788/article/details/88116387generator this.$http.get('/data1', data1, (res, err) =...原创 2019-04-12 11:44:46 · 7822 阅读 · 2 评论