随笔分类 -  ES6语法

1

摘要:Array.from 和 map都可以传入一个函数,用于处理数组 // Array.from 传入函数,处理数组 let r1 = 12, r2 =14 ,r3 = 16 let area = r => 3.14*r**2 let areaArr = Array.from([r1,r2,r3],ar 阅读全文

posted @ 2021-02-18 06:54 猫头唔食鱼 阅读(377) 评论(0) 推荐(0) 编辑

摘要:// set 集合转数组的2种方法 // 1.展开操作符 let s = new Set([1,2,3,4]) console.log([...s]); // 2.Array.from let s2 = new Set([1,2,3,4]) console.log(Array.from(s2)); 阅读全文

posted @ 2021-02-17 08:13 猫头唔食鱼 阅读(6836) 评论(0) 推荐(0) 编辑

摘要:1.set集合中,+0和-0和0,都认为是同一个元素 // set里面的+0 和 -0 let s = new Set() s.add(+0) s.add(-0) s.add(0) console.log(s.size );// 1 2.set集合中,NaN会被去重 let s2 = new Set 阅读全文

posted @ 2021-02-17 08:00 猫头唔食鱼 阅读(461) 评论(0) 推荐(0) 编辑

摘要:把多维数组转化为一维数组 es6写法 const deepFlatten = arr => [].concat(...arr.map(v => Array.isArray(v) ? deepFlatten(v) : v)); console.log(deepFlatten([1, [2], [[3] 阅读全文

posted @ 2020-10-01 23:29 猫头唔食鱼 阅读(410) 评论(0) 推荐(0) 编辑

摘要:一些es6遍历key 或 value的用法 1.Object.keys() 2.Object.values() 3.Object.entires() let obj = { name:'zs',age:12 } // for of 和entries 一起使用 for(let [k,v] of Obj 阅读全文

posted @ 2020-10-01 23:16 猫头唔食鱼 阅读(233) 评论(0) 推荐(0) 编辑

摘要:1.通过get设置代理对象的属性 // 原对象 let obj = { name: 'zs', age: 23 } // newObj是代理的对象 let newObj = new Proxy(obj, { // get是读取属性的方法 get(target, key) { if (key 'age 阅读全文

posted @ 2020-10-01 23:12 猫头唔食鱼 阅读(405) 评论(0) 推荐(0) 编辑

摘要:1.数组的解构赋值 // 数组解构赋值 let arr = ['hello','world'] let [a,b] = arr console.log(a); // hello console.log(b); // world // 只取部分值 let arr = [1,2,3,4] let [a, 阅读全文

posted @ 2020-10-01 23:00 猫头唔食鱼 阅读(249) 评论(0) 推荐(0) 编辑

摘要:一个需求:根据传入的type显示价格: es5写法 // es5写法 // type 0 批发 1 零售 let type = 0 let pf = 16 // 批发价 let ls = 20 // 零售价 function getPrice(type) { let showText = '' if 阅读全文

posted @ 2020-10-01 22:50 猫头唔食鱼 阅读(686) 评论(0) 推荐(0) 编辑

摘要:1.promise resolve之后还会继续执行,如果不想resolve之后继续执行,可以加上return let p = ()=>{ return new Promise(resolve=>{ setTimeout(()=>{ resolve('data') console.log('会继续执行 阅读全文

posted @ 2020-09-22 21:47 猫头唔食鱼 阅读(158) 评论(0) 推荐(0) 编辑

摘要:1.数组去重 var unique = (arr) => [...new Set(arr)] console.log(unique([1, 2, 3, 1])); 2.set转为数组 // Array.from(set)和展开set作用一样,都是把set转为数组 var set2 = new Set 阅读全文

posted @ 2020-09-22 03:13 猫头唔食鱼 阅读(156) 评论(0) 推荐(0) 编辑

摘要:用法1:替换数组的值 // 用法1:替换数组的值 let a = [1,2,3],b = [4,5] console.log( Object.assign(a,b)); // 后面的值覆盖前面的值,[4,5,3] 用法2:为对象添加属性 下面是es5的写法:this.xxx =xxx // es5的 阅读全文

posted @ 2020-09-22 02:37 猫头唔食鱼 阅读(383) 评论(0) 推荐(0) 编辑

摘要:// 假值转换为0 let toZero = (arr)=>{ return arr.map(v=>v||0) } let c = [1,2,3,0,false,null,undefined,NaN,''] console.log(toZero(c)); // [1, 2, 3, 0, 0, 0, 阅读全文

posted @ 2020-09-22 00:31 猫头唔食鱼 阅读(214) 评论(0) 推荐(0) 编辑

摘要:方法一:使用indexOf是不能找到数组里的NaN的 ,正确用法是,includes var arr10 = [1, NaN, 2] console.log(arr10.indexOf(NaN)); // -1 用这个方法找数组里的NaN是找不到的 // includes找出数组里的NaN cons 阅读全文

posted @ 2020-09-21 21:49 猫头唔食鱼 阅读(894) 评论(0) 推荐(0) 编辑

摘要:Array.from的一个特性:所有具有length属性的对象,并且key是数字,都能被Array.from转为数组 // 用法一:对象转数组 // example 1: let obj = {0:'a',1:'b',2:'c',length:3} console.log( Array.from(o 阅读全文

posted @ 2020-09-21 21:46 猫头唔食鱼 阅读(637) 评论(0) 推荐(0) 编辑

摘要:1.jq3.2.1版本,支持promise写法 2.$ajax()返回的是一个promise对象 3.如果有多个ajax请求 ,可以使用es6中的promise.all方法 例子: 阅读全文

posted @ 2019-10-30 00:36 猫头唔食鱼 阅读(1542) 评论(0) 推荐(0) 编辑

摘要:ie是完全不支持fetch的。 fetch(url,{method:"get/post"}).then(res=>{ }) 如果请求返回的status是200,body是ReadableStream那么,就要使用json()方法转换 例子: 阅读全文

posted @ 2019-04-22 09:36 猫头唔食鱼 阅读(659) 评论(0) 推荐(0) 编辑

摘要:1.打开这个地址: https://unpkg.com/babel-standalone@6/babel.min.js 新建babel.min.js,把代码复制进去,然后在jq项目里引用。 2.在下面的script标签里使用es6语法即可,可以兼容到 IE9 <script type="text/b 阅读全文

posted @ 2019-01-25 18:31 猫头唔食鱼 阅读(2464) 评论(0) 推荐(0) 编辑

摘要:1.创建两个promise,在promise中使用axios 2.调用Promise.all([p1,p2]).then(res=>{}).catch(err=>{})方法 代码如下: 得到的结果如下: 阅读全文

posted @ 2019-01-22 10:18 猫头唔食鱼 阅读(12118) 评论(0) 推荐(0) 编辑

摘要:步骤: 1.创建并返回new Promise((resolve,reject)=>{}),resolve和reject分别是成功和失败后所执行的函数 2.判断是否含有cookie,如果含有cookie ,则返回登录成功信息,如果没有cookie,则返回登录失败信息 或者判断sessionStorea 阅读全文

posted @ 2019-01-20 23:12 猫头唔食鱼 阅读(704) 评论(0) 推荐(0) 编辑

摘要:展开运算符的用法1:传参 // 展开运算符的用法1 : 传参 function test(a,b) { return a + b ; } var arr = [1,2]; console.log(test(...arr)); // 3 参数不确定时 function test(...m) { var 阅读全文

posted @ 2019-01-02 23:54 猫头唔食鱼 阅读(1329) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示