随笔分类 -  ES6

Promise 及 fetch
摘要：promise 拥有三种状态： Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。 new http：fetch 一个基于promise的请求方法，更简单，更便捷 + fetch 请求本地文本 + fetch 请求本地json + fetc 阅读全文
posted @ 2020-04-28 15:21 砂糖一椰子 阅读(269) 评论(0) 推荐(0)
ES6 generator生成器
摘要：generator生成器可以返回多次的函数 function* numbers(){ yield; // yield是ES6的新关键字，使生成器函数执行暂停，yield关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的return关键字。 // yield关键字实际返回 阅读全文
posted @ 2019-11-28 20:20 砂糖一椰子 阅读(120) 评论(0) 推荐(0)
ES6 Class类（简单理解封装和继承）
摘要：class People{ constructor({name}){ this.name = name; } say(){ return "hello"; } } const people = new People({name:"tom"}); console.log(people); // Peo 阅读全文
posted @ 2019-11-27 19:38 砂糖一椰子 阅读(1315) 评论(0) 推荐(0)
ES6 中的解构数组和对象
摘要：1. 解构对象 var people = { name:'jarry', age:15 } const {name,age} = people; console.log(name,age) //jarry 15//例子 function who({name,age}){ return `${name 阅读全文
posted @ 2019-11-26 21:03 砂糖一椰子 阅读(1621) 评论(0) 推荐(0)
ES6 箭头函数
摘要：1.缩减代码 2.改变this指向 （this 始终指向调用它的对象 ES6中箭头函数的this指向函数上边的对象） 阅读全文
posted @ 2019-10-04 20:57 砂糖一椰子 阅读(174) 评论(0) 推荐(0)
ES6中数组求和，求平均数方法（ reduce )
摘要：应用场景一 计算数组中所有值的总和 var numbers = [3,5,9]; var sumValue = numbers.reduce(function(sum,number){ //sum2 前两个数的和 console.log(sum) //1000 1003 1008 return su 阅读全文
posted @ 2019-10-04 16:32 砂糖一椰子 阅读(20364) 评论(0) 推荐(0)
ES6中数组方法（ every 和 some )
摘要：判断对象数组中每个人是否成年，大于17成年，否则未成年 应用场景： 注册或登陆页判断所填内容是否为空 阅读全文
posted @ 2019-09-25 20:41 砂糖一椰子 阅读(8011) 评论(0) 推荐(0)
ES6中数组方法（ find )
摘要：有一个对象数组，找到符合条件的对象 （find方法找到符合条件的对象之后不在往后执行）无符合条件返回undefined var arr = [ {name:'jerry',sex:'man'}, {name:'jack',sex:'woman'}, {name:'jack',sex:'man'} ] 阅读全文
posted @ 2019-09-25 18:30 砂糖一椰子 阅读(6396) 评论(0) 推荐(0)
ES6中的数组方法（ filter ）
摘要：假定有一个对象数组， 获取数组中指定类型的对象数组放到B数组中 var arr = [ {name:'jerry',sex:'man'}, {name:'jack',sex:'woman'} ] var manArr = arr.filter(function(obj){ return obj.se 阅读全文
posted @ 2019-09-25 18:12 砂糖一椰子 阅读(8830) 评论(0) 推荐(0)
ES6中的数组方法( map )
摘要：应用场景1 假定有一个数值数组,将数组中的值以双倍的形式放到另一个数组中 应用场景2 假定有一个对象数组，将数组中对象的某个属性的值存储到B数组中 总结： map需要返回值，不给return,默认返回undefined map返回一个新的数组 阅读全文
posted @ 2019-09-19 13:29 砂糖一椰子 阅读(18581) 评论(0) 推荐(0)
es6中 数组的forEach方法
摘要：let colors = ["red","yellow","blue"]; colors.forEach((color)=>{ console.log(color); //red // yellow // blue }) let numbers = [1,3,45,67]; numbers.forEach(function(item,index,arr){ ... 阅读全文
posted @ 2019-09-04 21:05 砂糖一椰子 阅读(18435) 评论(0) 推荐(1)