ES6
众生皆苦你是草莓味
这个作者很懒,什么都没留下…
展开
-
数组新增东西
Array.from()作用:把类数组转为数组function demo(){ console.log(arguments);//Arguments(5) [3, 6, 7, 4, 8] console.log(Array.from(arguments));//Array(5) [3, 6, 7, 4, 8] ...原创 2019-04-25 19:09:08 · 308 阅读 · 0 评论 -
函数默认参数、箭头函数
函数可以给默认参数 function show(a = '默认', b = '系统'){ //不传参数时显示的值 console.log(a,b); } show('hello'); // hello 系统函数参数默认已经定义了,不能再用let,const声明了 //以下程序报错 ...原创 2019-04-25 11:49:51 · 535 阅读 · 0 评论 -
字符串模板及字符串新增
字符串模板 let name = 'yanglan'; let age = 18; let str = `这个人名字叫做${name},今年${age}岁了`; console.log(str);//这个人名字叫做yanglan,今年18岁了优点:可以随意换行字符串查找let str = 'apple banana pear'...原创 2019-04-24 19:49:19 · 156 阅读 · 0 评论 -
let和conset
let1.没有预编译(预解析)环节,不存在变量提升。在代码块中,必须先定义再使用。 console.log(a); //undefined var a = 6; console.log(b); //报错 b is not defined let b = 3;2.同一作用域内不能重复定义变量 var a = 5; var a = 12; con...原创 2019-04-24 16:55:30 · 822 阅读 · 0 评论 -
解构赋值
解构赋值形式let[a,b,c] = [1,2,3];console.log(a,b,c);//1,2,3let[e,f,g] = [4,[5,6]];console.log(e,f,g);//4,Array(2)[5,6],undefined;let[h,[i,j]] = [7,[8,9]];console.log(h,i,j);//7,8,9let{name,age,sex...原创 2019-04-24 17:40:21 · 155 阅读 · 0 评论 -
ES6中Proxy的使用
Proxy:代理作用:预警、上报、扩展功能、统计、增强对象等等是设计模式的一种,代理模式语法: new Proxy(target,handler) //target:被代理的对象 //handler:对代理的对象做什么操作handler:{set(){};//设置的时候干的事情get(){};//获取的时候干的事情deleteProp...原创 2019-04-28 18:54:34 · 608 阅读 · 0 评论 -
Number新增的方法和Math新增方法
NumberNumber.isNaN():是不是非数字Number.isFinite():判断是不是数字**Number.isinteger()**判断数字是不是整数Number.isSafeInteger():判断数字是不是安全整数安全整数:-(2的53次方-1)到(2的53次方);MathMath.trunc() 截取,只会保留整数部分Math.sign() 判断一个数是正数(...原创 2019-04-27 18:56:31 · 240 阅读 · 0 评论 -
ES6中Set和Map
Set(数据结构):类似于数组,但里面不能有重复值存储数组用法:let setArr = new Set(['a','b','c'])setArr.add(‘d’):向setArr里面添加d;setArr.delete(‘d’):删除d;setArr.has(‘a’):怕短setArr里面有没有此值,返回true或false;setArr.size:判断个数setArr.clear(...原创 2019-04-27 17:31:20 · 148 阅读 · 0 评论 -
ES6中的async、await
语法async function fn(){//表示异步,这个函数里面有异步任务 let result = await xxx;//表示后面的结果需要等待,await只能放在async函数中 }注意:(1)await后面可以是promise对象,也可以是数字,字符串,布尔(2)async函数返回是一个promise对象(3)只要await语句后面Pr...原创 2019-04-27 16:52:50 · 216 阅读 · 0 评论 -
ES6中的symbol和geerator
symbol是一种数据类型语法:let sym = Symbol('aaa');注意:1.不能使用new2.Symbol()返回一个唯一值3.symbol是一种单独的基本数据类型4.如果symbol作为key,用for in 循环无法打印出这个key值(因为它可以用来定义一些唯一或私有的东西)generator函数作用: 解决异步问题和深度嵌套语法: //定义 fun...原创 2019-04-27 15:56:27 · 172 阅读 · 0 评论 -
ES6中的类(class)和继承
类(class)语法形式 class Person{ constructor(name,age){//构造方法(函数),调用new之后会自动执行 this.name = name; this.age = age; } showName(){ return `名字为:${this.name}`;...原创 2019-04-27 12:24:00 · 221 阅读 · 0 评论 -
ES6模块化
import作用:引入模块例如:import './plugin/1.js'这么用相当于引入一个文件import{a}from '/plugin/1.js'//意思是从此模块中导入a变量注意:1.import可以是相对路径,也可以是绝对路径2.import模块只会导入一次,无论引入多少次3.import有提升效果,会自动提升到顶部,首先执行4.导出去的模块,如果里面有定时器更改,外...原创 2019-04-26 18:02:45 · 155 阅读 · 0 评论 -
Promise
Promise作用:解决异步回调问题传统方式:大部分用回调函数,事件语法: let a = 10; let promise = new Promise(function(resolve,reject){ //resolve 成功时调用 //reject 失败时调用 if(a == 10){ resolve...原创 2019-04-26 12:37:24 · 151 阅读 · 0 评论 -
对象简洁语法及对象新增
对象简洁语法 let name = 'yang'; let age = 18; let json = { name,//name:name age,//age:age /* showA: function(){ return this....原创 2019-04-26 10:49:04 · 156 阅读 · 0 评论 -
数组的循环
arr.forEach()代替普通的for循环可接收两个参数,(循环回调函数,this指向谁) let arr = ['apple','orange','bananer','tomato']; arr.forEach(function(val,index,arr){ console.log(val,index,arr);//值,索引,原数组 ...原创 2019-04-25 18:15:58 · 221 阅读 · 0 评论