JS
文章平均质量分 62
JS
尖兵果子
这个作者很懒,什么都没留下…
展开
-
ES6-4.对象扩展
ES6-4.对象扩展属性的简洁写法属性名表达式总结属性的简洁写法以前写属性和值相同的写法现在写属性和值相同的写法这里的{top}就等价于{top:'top'},属性名和值都是它对于对象原来使用对象将其打印输出,仅仅只会显示其内容,而不能区分是哪一个对象但在使用了属性的简介写法后,能够实现让代码更加简洁清晰属性名表达式在之前,我们只能使用一种方法定义对象的属性,也就是.的形式ES6后,可以使用属性表达式作为对象的属性,当然最常见的属性表达式的使用应该是下面这样这里就是循原创 2022-06-01 13:49:53 · 97 阅读 · 0 评论 -
ES6-3.解构赋值
解构赋值是一种对赋值运算的扩展,可以一次性对多个变量赋值ES6-3.解构赋值对象解构数组解构剩余运算符结合解构常见用途总结对象解构这是常见的解构赋值形式,其实就相当于是let name=obj.namelet age=obj.age因此,不能通过其他不同名的变量赋值这样是找不到所对应的变量这种从相应位置一一获取到数据的解构方式为全部解构数组解构对于数组解构也是一样剩余运算符结合解构使用剩余运算符也可以实现解构使用默认值也可以实现解构注意:不要写歪了当然也.原创 2022-05-27 17:31:01 · 77 阅读 · 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 · 91 阅读 · 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;}这里正常人来看都应该要报错,结果他却输出了undefinedfunction fun(){ var arr = [] for原创 2022-05-24 17:27:02 · 122 阅读 · 0 评论 -
JS踩坑——2.0this的基本概念和使用
原创 2022-02-28 16:40:25 · 75 阅读 · 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 · 421 阅读 · 4 评论 -
论flex布局(讲解属性+实例)
传统的盒子模型布局,要使用display+position+float等属性相结合,十分的复杂。就比如要实现一个垂直水平都居中的局部,就很麻烦因此引入了弹性布局的概念在解释flex常用的布局属性之前,首先应该要先搞明白,在我们写了display:flex后意味着什么.采用flex的元素简称为容器,而在这个容器内的元素被称为项目在flex布局中,有着两条特殊的线,分别叫做主轴和副轴.默认的主轴就是x轴,也就是水平方向上的,而另一条自然就叫做副轴,也就是y轴下面的解释都以这张图为例常用的flex原创 2021-12-28 16:58:44 · 996 阅读 · 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 · 624 阅读 · 0 评论 -
JS数组常用方法
join,push,pop,unshift,shift,sort,splice,foreach,map,some,every,includes,find,findIndex原创 2021-12-15 09:31:15 · 196 阅读 · 0 评论