ES6
文章平均质量分 64
ES6
weixin_41697323
这个作者很懒,什么都没留下…
展开
-
js中可选链(?.)与非null赋值(??)的用法
一、可选链 ?.一般在编写代码时,当从异步数据中取一些结构比较深的字段时,一般人写法是这样的:data[0].userInfo.name但是如果当接口返回的data为空数组时,此时就会报一个常见的错误:有经验的开发人员会这样写来避免报错data && data[0].userInfo && data[0].userInfo.name这样即使userInfo为空,也避免报错。还有一种写法就是使用可选链:data[0]?.userInfo?.name.原创 2021-08-09 14:20:39 · 412 阅读 · 0 评论 -
JavaScript编写精简的条件语句
条件判断是项目开发过程中最常编写的代码,if/else 应该是使用得最多的,但是如果业务比较复杂的话,大量嵌套的 if/else 必将使得代码可读性变差,也不易维护。今天我们就来了解下更加简洁的条件判断语句吧~一、Array.includes当我们需要对多个条件进行判断的时候,Array.includes 是不错的选择。function PrintStudents(student) { if (student === "Tom" || student === "Mike" || stu原创 2021-08-09 13:50:47 · 196 阅读 · 0 评论 -
整理Vue项目开发过程中遇到的常见问题2
7style 加scoped问题不起作用,需要在选择器前面增加deep深度选择器才能选中元素原创 2020-05-08 10:43:58 · 1468 阅读 · 0 评论 -
promise执行顺序总结
面试遇到的promise的执行顺序问题,在这里,总结下。之前博客的账号忘记了,新建了一个。 const promise = new Promise((resolve, reject) => { console.log(1); resolve(); console.log(2); }) promise.then(() => { conso...原创 2020-03-26 14:11:16 · 1036 阅读 · 0 评论 -
整理Vue项目开发过程中遇到的常见问题1
element UI表格排序sortable最简单的按大小排序,需要添加prop,不然无法使用表格后面增加的sortable没有作用解决办法:没有给表格添加prop属性<el-table-column align="center" label="闸门名称" prop='gatename' sortable> ...原创 2019-07-30 18:25:30 · 13838 阅读 · 0 评论 -
ES6的新特性----Vue学习必备基础知识
学习Vue之前,ES6的基础常识是必须要了解的,下面列举了几种最重要的特性,学会了这些,Vue的学习就易如反掌了。变量声明关键字 扩展运算符 对象数组结构赋值 对象属性和方法简写 模板字符串 数组Set Map 模块import和export default 箭头函数 promise对象 类Class1.变量声明const和let在ES6之前,我们都是用va...原创 2019-09-27 17:14:08 · 259 阅读 · 0 评论 -
ES6箭头函数中return的用法
最近在项目中频繁的使用了箭头函数,在使用的过程中对return关键字用法比较困惑,下面对其使用方法进行记录:如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return关键字返回const foo = (a, b) => { a+b;}foo(1, 2) // undefinedconst foo1 = (a, b) => { re...原创 2019-11-14 10:39:28 · 683 阅读 · 0 评论 -
数组中的对象去重方法(使用时将我的参数数组改成你自己的就可以了)
项目开发过程中经常会处理数据,其中数组中的对象去重是最凡人的,今天笔者就将数组当中的对象去重方法分享给大家,大家使用的时候只需要调用这个方法,传入你要去重的数组以及对象的唯一值就可以了。PS:笔者封装的这个方法不论是参数是对象还是普通的数字或者字符串都可以实现去重// 首先搞三个数组用来待会测试// 要进行去重的数组const arr = [ { id: 1, name: ...转载 2019-08-16 11:49:36 · 178 阅读 · 0 评论 -
JS Array.map() 方法:原始数组经过函数处理后,返回一个新数组
定义和用法map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意:map() 不会对空数组进行检测。注意:map() 不会改变原始数组。语法array.map(function(currentValue,index,arr), thisValue)注意:function(current...原创 2019-11-14 10:52:49 · 7879 阅读 · 1 评论 -
ES6:生动形象解释forEach、filter、map、some、every、find、findIndex、reduce间的区别
前言从最开始学的for循环遍历方法,到后来层出不穷的各种遍历方法,其实最大的区别就是应用场景的不同。我们最需要记住的就是,什么情况下用哪一种方法比较合适。从挑土豆开始这里有一堆土豆,如果换成代码,可以表示如下:var potatos = [{ id: '1001', weight: 50 },{ id: '1002', weight: 80 },{ id: '1003', we...转载 2019-11-14 11:42:31 · 297 阅读 · 0 评论 -
ES6数组新增方法forEach、map、filter、find、every、some、reduce的用法
*ES6语法:Opera 11+Firefox 3.6+Safari 5+Chrome 8+Internet Explorer 9+支持。可以通过babel转意支持低版本浏览器。forEach()ES6新增的一种循环案例1打印数组中所有对象numbers=[1,2,3,4,5]numbers.forEach(number => { ...原创 2019-11-14 12:26:12 · 127 阅读 · 0 评论