ES6相关

1.变量声明 let 和const

传统的 var 关键字声明变量，会存在变量提升。在ES6中，我们用 let 和 const 声明，let 声明变量，const 声明常量，let 和 const 都是块级作用域，也就是说在大括号{}内的代码块就是let 和 const 的作用域。

let 作用域在它当前所在的代码块中，不会被提升到当前函数的最顶端。

const 定义的常量不可改变，再次赋值会报错。

一道面试题

var funcs = []
 
for (var i = 0; i < 10; i++) {
　　funcs.push(function() {
　　　　console.log(i)
　　})
}
funcs.forEach(function(func) {
　　func()
})
这样的面试题是大家常见，很多同学一看就知道输出 10 十次，但是如果我们想依次输出0到9呢？两种解决方法。直接上代码。
// ES5告诉我们可以利用闭包解决这个问题
var funcs = []
for (var i = 0; i < 10; i++) {
　　funcs.push(
　　　　(function(value) {
　　　　　　return function() {
　　　　　　　　 console.log(value)
　　　　　　 }
　　　　})(i)
　　)
}
funcs.forEach(function(func) {
　　func()
})
 
// 再来看看es6怎么处理的
const funcs = []
for (let i = 0; i < 10; i++) {
　　funcs.push(
　　　　function() { console.log(i) }
　　)
}
funcs.forEach(func => func())

作者：陈嘻嘻啊
链接：https://www.jianshu.com/p/287e0bb867ae
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
 
 
 
2.数组
 
1.数组去重
一、简单的去重方法
// 最简单数组去重法
/*
* 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中
* IE8以下不支持数组的indexOf方法
* */
function uniq(array){
    var temp = []; //一个新的临时数组
    for(var i = 0; i < array.length; i++){
        if(temp.indexOf(array[i]) == -1){
            temp.push(array[i]);
        }
    }
    return temp;
}

var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];
console.log(uniq(aa));

二、ES6实现

function unique(arr){
  return Array.from(new Set(arr));      
}
let arr = [1,2,3,3,4,4,5,5,6];
console.log(unique(arr)); // [1,2,3,4,5,6]

set 是ES6新出来的一种定义不重复数组的数据类型

console.log(new Set([1,4,5,2,1,4,4,7]))
// Set(5) {1, 4, 5, 2, 7}

Array.from 是将类数组转化为数组

 

3.es6提取对象部分属性

const student={
    age: 20,
    name: '官人',
    sex: "男"
}

// func1:
const param = (({name,sex}) => ({name, sex}))(student)
console.log(param) // {name: "官人"，sex: "男"}

// func2:
let {age,...params} = student
console.log(params)  // {name: "官人"，sex: "男"}

 

posted @ 2018-04-17 11:16  Lingn  阅读(157)  评论(0)  编辑  收藏  举报