Es6基础语法-one

前端 专栏收录该内容
2 篇文章 0 订阅

let and const

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

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

解构赋值

​ 1.左右两边类型一样

  1. 右边要是一个东西

    解构赋值

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();


  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值