let array=[1, "1", 2, 1, 1, 3]; //拓展运算符(...)内部使用for...of循环 [...new Set(array)];//[1, "1", 2, 3\] //利用Array.from将Set结构转换成数组 Array.from(new Set(array));//[1, "1", 2, 3\]
传统的方法,循环遍历:排序sort()后前一下与后一个比较==;在数组中用indexOf判断,利用includes,利用filter;这些方法感觉都过时了,还是用ES6中利用Set去重比较牛。
取数组中的最大值和最小值Math.max方法可以求出给定参数中最大的数。
Math.max('1','2','3.1','3.2');//3.2 Math.min(1,0,-1);//-1
但如果是数组,就不能这样调用了。此时就用到了apply方法。Function.apply()是JS的一个OOP特性,一般用来模拟继承和扩展this的用途。所有函数都有apply(作用域链,参数)这个方法,当作用域链为null时,默认为上文,这个函数的“参数”,接收一个数组。
let arr = ['1','2','3.1','3.2',0,-1]; //用apply方法 Math.max.apply(null, arr);//3.2 Math.min.apply(Math, arr);//-1 //用拓展运算符 Math.max(...arr);//3.2 Math.min(...arr);//-1
IIFE这个其实非常有实用价值,不算是装逼。只是其他语言里没有这么玩的,给不太了解js的同学看那可牛逼大了。
(function(arg) { // do something })(arg)
实用价值在于可以防止全局污染。不过现在随着ES2015的普及已经没什么必要用这个了,我相信五年之后,这种写法就会逐渐没落。
自己干五年,在实习生面前装逼用也是蛮不错的嘛~
BTW[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })
翻译成正常语言就是这样的
Array.prototype.forEach.call(document.querySelectorAll('*'), dom => dom.style.outline = `1px solid #${parseInt(Math.random() * Math.pow(2,24)).toString(16)}`)
Event事件响应前端肯定都写烂了,一般来说如何写一个计数器呢?
var times = 0 var foo = document.querySelector('.foo') foo.addEventListener('click', function() { times++ console.log(times) }, false)
好像是没什么问题哦,但是!变量times为什么放在外面,就用了一次放在外面,命名冲突了怎么办,或者万一在外面修改了怎么办。
这个时候这样一个事件监听代码就比较牛逼了
foo.addEventListener('click', (function() { var times = 0 return function() { times++ console.log(times) } })(), false)
怎么样,是不是立刻感觉不一样了。瞬间逼格高了起来!
通过创建一个闭包,把times封装到里面,然后返回函数。这个用法不太常见。