ES6语法大全

做小程序 需要用到ES6 语法,顾做个总结
有些东西可能不全,暂时就总结了这些。以后待补充把

1.变量

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

2.字符串的拓展

let str = "123"

str.includes("1")//true  includes方法 是否包含

str.startsWith("2")//false 是否以2开头

str.endsWith("2")//false 是否以2结尾

3.解构表达式

//数组解构

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

4.函数的优化

//参数上面的优化=1,指当b没有值时默认为1

function test(a,b=1){

console.log(a+b)

}

5.箭头函数

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

6.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)

7.拓展运算符(三个点…)

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

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']

8.promise

函数格式

const promise = new promise(function(resolve,reject){

//操作

//if(success){

resolve(value);//成功

}else{

reject(error)//失败

}

})

//执行完了在执行一些东西的话

promise.then(function(value){

//异步回调

}).catch(function(error){

//异常回调

})

9.set和map

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

let set = new set();

let set = new set([2,3,4,5]);

//map接受一个数组,数组中的元素时键值对

let map = new map([

['key','value'],

function(){ //外汇返佣 www.fx61.com

['key1','value1'],

])

10.for.of循环

for(let obj of h){

console.log(obj)

}

11.模块化export import

export 导出命令

calss Util{

sum=(a,b)=>a+b;

}

export default Util

import加载

import Util from './Util'

你可能感兴趣的:(html5)