![](https://img-blog.csdnimg.cn/1908c21d0e4e40c19473f15e3947ab33.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS
文章平均质量分 62
JS
尖兵果子
这个作者很懒,什么都没留下…
展开
-
ES6-4.对象扩展
ES6-4.对象扩展属性的简洁写法属性名表达式总结 属性的简洁写法 以前写属性和值相同的写法 现在写属性和值相同的写法 这里的{top}就等价于{top:'top'},属性名和值都是它 对于对象 原来使用对象将其打印输出,仅仅只会显示其内容,而不能区分是哪一个对象 但在使用了属性的简介写法后,能够实现让代码更加简洁清晰 属性名表达式 在之前,我们只能使用一种方法定义对象的属性,也就是.的形式 ES6后,可以使用属性表达式作为对象的属性,当然最常见的属性表达式的使用应该是下面这样 这里就是循原创 2022-06-01 13:49:53 · 98 阅读 · 0 评论 -
ES6-3.解构赋值
解构赋值是一种对赋值运算的扩展,可以一次性对多个变量赋值 ES6-3.解构赋值对象解构数组解构剩余运算符结合解构常见用途总结 对象解构 这是常见的解构赋值形式,其实就相当于是 let name=obj.name let age=obj.age 因此,不能通过其他不同名的变量赋值 这样是找不到所对应的变量 这种从相应位置一一获取到数据的解构方式为全部解构 数组解构 对于数组解构也是一样 剩余运算符结合解构 使用剩余运算符也可以实现解构 使用默认值也可以实现解构 注意:不要写歪了 当然也.原创 2022-05-27 17:31:01 · 78 阅读 · 0 评论 -
ES6-2.函数默认值,扩展运算符,剩余参数,箭头参数
ES6-2.函数默认值,扩展运算符,剩余参数,箭头参数 这里写目录标题ES6-2.函数默认值,扩展运算符,剩余参数,箭头参数函数默认值剩余参数扩展运算符箭头参数总结 函数默认值 在ES6前,使用函数默认值我们常用以下的判断操作,目的是为了保证数据不出undefined.在许多情况中,一个空值或者是undefined都将会导致整个程序故障 function fun(a,b) { let num1=a||10; let num2=b||20; return num1+num2; } fun(10,30)-原创 2022-05-26 16:57:36 · 92 阅读 · 0 评论 -
ES6-1.let和const
ES6-1.let和constvarvar的等级提升let特点1-局部有效特点2-限制作用域,必须先声明后使用特点3-不允许重复声明同一个变量const总结 var 在说ES6前,先来看一下ES5中声明变量的方式-var,有什么缺陷,没有缺陷,就不需要其他的了 function fun() { console.log(item); var item = 50; } 这里正常人来看都应该要报错,结果他却输出了undefined function fun() { var arr = [] for原创 2022-05-24 17:27:02 · 126 阅读 · 0 评论 -
JS踩坑——2.0this的基本概念和使用
原创 2022-02-28 16:40:25 · 76 阅读 · 0 评论 -
JS踩坑——1.0多选按钮,全不选按钮,反选按钮例子
项目场景: 网上调查上较为常见的多选,全不选和反选 问题描述: function selectRestOfAll() { var boxGroups=document.getElementsByTagName('input'); for(let i=0;i<boxGroups.length;i++) { if(boxGroups[i].checked=='checked') { boxGroups[i].checked=''; } else{原创 2022-02-24 16:21:08 · 423 阅读 · 4 评论 -
论flex布局(讲解属性+实例)
传统的盒子模型布局,要使用display+position+float等属性相结合,十分的复杂。就比如要实现一个垂直水平都居中的局部,就很麻烦 因此引入了弹性布局的概念 在解释flex常用的布局属性之前,首先应该要先搞明白,在我们写了display:flex后意味着什么. 采用flex的元素简称为容器,而在这个容器内的元素被称为项目 在flex布局中,有着两条特殊的线,分别叫做主轴和副轴.默认的主轴就是x轴,也就是水平方向上的,而另一条自然就叫做副轴,也就是y轴 下面的解释都以这张图为例 常用的flex原创 2021-12-28 16:58:44 · 1007 阅读 · 0 评论 -
JS中filter/map/reduce方法
先提出问题 取出所有小于100的数字 将所有小于100的数字转换,全都X2 在2的数组上使所有数字相加,得出最终结果 //取出所有小于100的数字 const str1=[12,155,45,156,180,180,45,99]; let newList1=[],list1_len=0; for (let i = 0; i < str1.length; i++) { if(str1[i]<100) { newList1[list1_len++原创 2021-12-21 16:50:17 · 626 阅读 · 0 评论 -
JS数组常用方法
join,push,pop,unshift,shift,sort,splice,foreach,map,some,every,includes,find,findIndex原创 2021-12-15 09:31:15 · 206 阅读 · 0 评论