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

做小程序需要用到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'],
['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'

ES6语法大全 export，import，for.of循环，promise等等相关推荐

ES6语法之export、export defalut、import的用法
前景在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种.前者用于服务器,后者用于浏览器.ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全 ...
ES6模块之export和import详解
ES6模块之export和import详解 ES6中的模块即使一个包含JS代码的文件,在这个模块中所有的变量都是对其他模块不可见的,除非我们导出它.ES6的模块系统大致分为导出(export)和导入( ...
javascript中es6语法
es6语法简介: // 1.历史:// 1995-----JavaScript诞生// 1997-----ECMAScript标准确立// 1999-----ES3出现,与此同时IE5风靡一时// 2 ...
ES6语法的学习与实践
ES6是JavaScript语言的新一代标准,是ECMAScript的第六个版本,加入了很多新的功能和语法,在很多框架,如在使用Vue,React等框架的项目中一般都采用ES6语法来编写的,下面对经常 ...
Vue——进阶(过滤器、数据交互、生命周期、ES6语法)
目录过滤器数据交互生命周期函数 ES6语法过滤器 1.定义过滤器: (1)局部过滤器: new Vue({el:"#app",filters:{// 写在vue对象里面的过 ...
React 16 Jest ES6 Class Mocks(使用ES6语法类的模拟) 实例三、四
转载地址 React 16 Jest ES6 Class Mocks(使用ES6语法类的模拟) 实例三.四项目初始化 git clone https://github.com/durban89/we ...
【Vue.js 知识量化】ES6 语法积累
ES6 语法 let / var const 的使用 class.extends.super 箭头函数(arrow function) 模版字符串(template string) 结构(destru ...
VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用
在我前面的有一篇文章里有说过怎么引入外部的 JS 文件,详情见 VUE 爬坑之旅– 如何对公共JS,CSS进行统一管理,全局调用 .这里所说的外部 JS 文件指的是用 ES6 之前的老语法编写的各种 ...
jest使用es6语法
jest使用es6 安装依赖设置package.json 添加jest配置文件添加babel配置文件最后安装依赖 // npm npm i --save-dev jest babel-jest ...

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

1.变量

2.字符串的拓展

3.解构表达式

4.函数的优化

5.箭头函数

6.map和reduce函数

7.拓展运算符（三个点…）

8.promise

9.set和map

10.for.of循环

11.模块化export import

ES6语法大全 export，import，for.of循环，promise等等相关推荐

最新文章

热门文章