Es6基础语法-one

let and const

​ let : 声明变量 const : 声明常量

​ 特点： 禁止重复声明，控制修改，支持块级作用域

解构赋值

​ 1.左右两边类型一样

2. 右边要是一个东西

   ​ 解构赋值

let json = {a: 12, b: 55, c: 99};
let(a,b,c) = json;
console.log(a,b,c); // 12 55 99

函数

1. 箭头函数

   //普通函数
    	function(参数){
           
       }
   //箭头函数(修复this……)
   (参数)=>{
       
   }// 如果有且仅有一个参数,()也可以省略。
   // 如果有且仅有一条语句-return，{}也可以省略
   

2. 参数展开

   ​ *收集剩余参数(剩余参数必须是最后一个形参)

    function show(a, b, ...arr){ //当a和b赋值之后，把后面的所有的数值数据赋值给数组arr
        console.log(a, b, arr);// 12 5 Arry(5)
    }
   show(12, 5, 44, 7, 88, 34, 33); 
   

   展开数组

   let arr1 = [1,2,3];
      console.log(...arr1);//1,2,3
   

系统对象

Array

	***map   			映射***    

 let arr = [100, 98, 37, 28, 19, 96, 56, 67];
let res = arr.map(function(item){
    if(item >= 60){
        return true;
    }else{
        return false;
    }
});
console.log(arr,res);// ↓   

//简写为
let res = arr.map(item=>item>=60);

​

reduce 减少

forEach 遍历 全部循环一遍

	let arr = [12, 5, 32, 99];
	arr.forEach((item,index)=>{
 	
 	alert('第'+index+'个数:'+item);
        /*反单引号*/
        alert(`第${index}个数:${item}`);

	});

​ filter 过滤

let arr = [12, 88, 19, 27, 82, 81, 100, 107];
let arr2 = arr.filter(item=> item % 2 == 0);
 //找出所有的偶数

String

startWith 判断一个字符串以什么开头

endsWith 判断一个字符串以什么结尾

JSON

1. 标准写法

{"key":"aaa", "value":123}

2. JSON对象

 // stringify 

let json = {a: 12, b: 5, c:'blue'};
let str = JSON.stringify(json); /把字符串转为JSON标准格式
conslole.log(str);   // {"a": 12," b": 5, c:"blue"}

//parse
let json = {"a": 12," b": 5, c:"blue"};
let res = json.parse(json); //解析JSON
console.log(res); //得到一个对象  a=12 b=5 c="blue"

*promise

  //示例  不用

let p = new Promise(function (resolve, reject){
    $.ajax({
        url:'data/1.json',
        dataType:'json',
        success(data){
            resolve(data);
        },
        error(res){
            reject(res);
        }
    });
});
  //p.then里面的两个函数 就是resolve 和 reject 并不是promise对象提供的 而是我们自己写的

p.then(functioin (data){
       alert('成功');
console.log(data);
       }, function(res){
           alert('失败');
           console.log(res);
       })

Promise.all([
    $.ajax({url:'data/1.json',dataType:'json'}),
    $.ajax({url:'data/2.json',dataType:'json'}),
    $.ajax({url:'data/3.json',dataType:'json'}),
]).then(data1, data2, data3)=>{
//如何使用数据 ↓
 
    console.log(data1, data2, data3);
},(res)=>{
    alert('错误');
})
// Promise.all([数组]) 里面是个数组 必须里面的所有数据都成功了 才可以

async/swait

   async function show(){
       let data1 = await $.ajax({url:'data/1.json',dataType:'json'});
       if(data1.a<10){
           let data2 = await $.ajax({url:'data/2.json',dataType:'json'});
           alert('a');
       }else{
           let data3 = await $.ajax({url:'data/3.json',dataType:'json'});
           alert('b')
       }
   }
show();

rl:‘data/2.json’,dataType:‘json’});
alert(‘a’);
}else{
let data3 = await $.ajax({url:‘data/3.json’,dataType:‘json’});
alert(‘b’)
}
}
show();