ES6特性详解

1，变量声明

let声明变量

const声明常量

2，作用域

let声明的变量是块级作用域。什么是块级？块级就是{}内就是块。变量只有在{}内才会生效。出了{}就会失效。

if(true){
    var a = 1;
    let b = 2;
}

alert(a);//有效
alert(b);//提示未定义

在多人协作开发项目当中，变量命名往往会造成命名冲突。var可以重复命名。let重复命名会提示变量早已存在。这就避免了。在协作开发项目中变量被覆盖的错误。

var a = 1;
var a = 2;//不会提示任何错误信息

let b = 1;
let b = 2; //提示命名早已经存在

3，解构赋值

//传统写法
var json = {a:1,b:2,c:3};
var a = json.a;
var b = json.b;
var c = json.c

//ES6写法

let {a,b,c} = {a:1,b:2,c:3} //变量命名的key必须与json对象内的key作为对应，否则无法查找到对应的变量。

let [a,b,c] = [1,2,3];//数组解构，是默认根据顺序进行赋值。

4，箭头函数

//传统写法
function f(){
    return true;
}

//箭头函数
let f = ()=>true;

//在函数仅有一个函数的时候可以省略参数的括号，可以写为

let f = arg=>{}
//等效于
function f(arg){}

//在函数仅有一条return语句的时候
let f = ()=>1+1
//等效于
function f(){
    return 1+1;
}

5，参数展开

let f = (a,b,...arr)=>{
    console.log(a);//返回结果 1
    console.log(arr);//返回结果 [3，4，5，6]
    p(...arr);

}    

let p = (a,b)=>{
    console.log(a+b); //返回结果等于7
}

f(1,2,3,4,5,6);

//数组展开

let a = [1,2,3];
let b = [4,5,6];

let arr = [...a,...b];

console.log(arr);//[1,2,3,4,5,6]

6.系统对象

//映射 map
    let arr = [1,2,3,4,5,6];
    
    let res = arr.map((item,index)=>{
            console.log(index);//数组下标 从0开始
            return item > 3;
    });
    
    console.log(res);//[false,false,false,true,true,true]

//遍历 forEach
    arr.forEach((item,index)=>{
    console.log(`${index}=>${item}`);//0=>1 1=>2 ...
});


//过滤 filter
   let res2 =  arr.filter((item,index)=>{
        return item%2 == 0;//获得偶数
})
    console.log(res2);//[2,4,6]

//reduce
    let res3 = arr.reduce((tmp,item,index)=>{
        //tmp == return 的返回结果
        
        return tmp+item;//每次遍历返回的结果都存在tmp里面
    })

    console.log(res3);//返回结果21



//String startsWith 开始字符 endWith 结束字符

    let url = "http://www.baidu.com";
    
    if(url.startsWith("http://") || url.startsWith("https://")) //以此判断是否为url


//Json
  //标准写法 {"key":"value"} key也是需要加双引号的，value出了数值也都需要加上双引号

   let json = {a:1,b:"apple"};
    
   let normalJson =JSON.stringify(json);

   console.log(normalJson);//{"a":1,"b":"apple"}被转义撑标准json写法
   
    let strJson = '{"a":1,"b":"apple"}';
    let jsonObj = JSON.parse(strJson);

    console.log(jsonObj);//{a: 1, b: "apple"}