ES6 语法大全 export,import,for.of循环,promise等等

ES6 语法大全 export,import,for.of循环,promise等等

知了小站
2019-12-19 / 3 评论 / 2,545 阅读

变量

let 局部变量
const 常量
var 全局变量

字符串的拓展

let str = "123"
str.includes("1")//true  includes方法 是否包含
str.startsWith("2")//false 是否以2开头
str.endsWith("2")//false 是否以2结尾

解构表达式

//数组解构
let arr = [1,2,3]
const [x,y,z] = arr;// x,y,z对应 1,2,3 
//对象解构
const person = {
    name:"jack",
    age:21,
    language:['java','php'],
}
let {name,age,language} = person 
//自定义命名
let {name:n,age:a,language} = person 

函数的优化

//参数上面的优化=1,指当b没有值时默认为1
function test(a,b=1){
console.log(a+b)
}

箭头函数

//Demo1  单个参数
var demo1= fucntion demo1(obj){
console.log(obj)
}
箭头函数简化为: var demo1= obj =>console.log(obj);

//Demo2  两个参数
var sum =function(a,b){
    console.log(a+n)
}
箭头函数简化为: var sum = (a,b)=>console.log(obj);

//Demo3 没有参数
let sayHello = ()=>console.log("hello!");

//Demo4 代码不止一行 使用 {}
var sum = (a,b)=>{
    console.log(a+n);
    console.log(a+n)
}

//Demo5 对象的函数简写
let person ={
    name:“jeck”;
    //原来
    eat:function(food){
        console.log(this.name +food)
    }
    //箭头函数
    eat2:food=>console.log(this.name +food)
    
    //简写版
    eat3(food){
    console.log(this.name +food)
    }
}
//Demo6:箭头函数配合解构表达式
let person ={
    name:“jeck”;
    eat2:food=>console.log(this.name +food)
}
function test1(person){
    console.log(person.name);
}
//简化调用函数 使用{}传参数,传入对象
var test1=({name})=>console.log(name);
test1(person );

map和reduce函数

map 让原来的集合经过 map 中的函数 进行处理回调

let arr = ['1','2','3'];
arr.map(s=>parseInt(s))//字符串转化为内证书 

//reduce() 接收一个函数和一个初始值
第一个参数时上一次reduce的处理结果
第二个参数是数组中要处理的下一个元素
const arr = [1,20,30,40]
arr.reduce((a,b)=>a+b)

拓展运算符(三个点…)

将一个数组转为用逗号分隔的参数序列

function add(a,b){
return a+b;
}
var number = [1,2];

//数组合并
var arrs=[...[1,2,3],...[4,5,6]];//[1,2,3,4,5,6]
//将字符串转为数组
console.log([...'hello'])//['h','e','l','l','o']

promise

// 函数格式
const promise = new promise(function(resolve,reject){
    //操作
    //if(success){
        resolve(value);//成功
    }else{
        reject(error)//失败
    }
})
//执行完了在执行一些东西的话
promise.then(function(value){
    //异步回调
}).catch(function(error){
    //异常回调
})

set和map

set 只能保存不同元素,相同的元素会被忽略

let set = new set();
let set = new set([2,3,4,5]);
//map接受一个数组,数组中的元素时键值对
let map = new map([
['key','value'],
['key1','value1'],
])

for.of循环

for(let obj of h){
    console.log(obj)
}

模块化export import

// export 导出命令
calss Util{
    sum=(a,b)=>a+b;
}
export default Util
    
// import加载
import Util from './Util'

原文链接:https://blog.csdn.net/qq_35349982/article/details/103581101

本文共 346 个字数,平均阅读时长 ≈ 1分钟
1

打赏

评论 (3)

取消
  1. 头像
    ggvchen
    Windows 10 · Google Chrome

    666

    回复
  2. 头像
    xykjlcx
    MacOS · Google Chrome

    老哥,这blog是用vue ssr写的吗?体验好棒

    回复
    1. 头像
      知了小站 作者
      Windows 10 · Google Chrome
      @ xykjlcx

      Typecho 用的 handsome 主题

      回复