![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
bug的生产者
这个作者很懒,什么都没留下…
展开
-
es6的解构赋值
来源于技术胖的视频总结,FrontJS,大勺孙喜贵博主的文章总结1.简单的数组结构在以前我们为变量赋值的时候这样写let a=1let b=2let c=3现在我们可以这样写let [a,b,c]=[1,2,3]console.log(c,b,a)//3 2 1这种写法属于模式匹配,只要等号两边的模式相同,左边的变量就会被赋予对应的值,再看几个例子let [header,[...原创 2019-08-13 16:06:54 · 95 阅读 · 0 评论 -
es6的箭头函数
来源于技术胖的视频总结1.es5函数的写法function add(a,b){ return a+b}console.log(add(1,3))2.es6的写法,需要注意的是如果方法体内只有一句话,不需要加上{},如果不止一句话,就需要在方法体外边加上{}var add=(a,b)=>a+bconsole.log(add(1,3))var add=(a,b)=&g...原创 2019-08-18 11:37:03 · 65 阅读 · 0 评论 -
es6新增的数组知识
来源于技术胖的视频总结1.Array.from(XXX)将标准的json数组格式转换为数组,注意要多一个lenth属性let json={ 0:'fanrenfeng', 1:'23', 2:'girl', length:3}let arr=Array.from(json)console.log(arr)//["fanrenfeng", "23", "gi...原创 2019-08-18 11:12:19 · 108 阅读 · 0 评论 -
es6新增的数字操作
来源于技术胖的视频总1.验证是否是数字Number.isFinite(2.444),只要是数字,不管是整型还是浮点型,都会返回truelet num = 2.333let num2 = 2let num3 = '3'let str = 'yian'console.log(Number.isFinite(num))//trueconsole.log(Number.isFinite(nu...原创 2019-08-17 16:34:28 · 147 阅读 · 0 评论 -
es6新增的字符串方法
1.查找字符串是否存在includes,存在返回true,不存在返回falselet str = 'yian'console.log(str.includes('i'))console.log(str.includes('b'))2.判断字符串开头是否存在startsWithlet str = 'yian'console.log(str.startsWith('y'))conso...原创 2019-08-17 16:03:06 · 79 阅读 · 0 评论 -
es6开发环境的搭建
1.建立工程目录es6,在这个目录下面建立两个文件夹,src和dist文件夹,在根目录先再建立一个index.html文件2.初始化文件npm init -y3.项目结构图4.在src目录下的index.js文件中写一行es6代码let a=1console.log(1)5.因为现在的有些浏览器不能支持es6,所以我们需要将es6转化成es5,需要安装两个插件babel-pres...转载 2019-08-13 10:13:09 · 93 阅读 · 0 评论 -
es6新的声明方式
来源于技术胖的视频总结1. var声明var在es6中是用来声明全局变量的,举例如下我们在index.js文件中写以下代码,var a='凡人枫'window.onload=function(){ console.log(a)}控制台输出可以看到控制台输出了我们声明的变量,这说明var确实是全局的;我们可以再写一个例子来证实一下,在index.js文件中输入以下代码v...原创 2019-08-13 11:10:40 · 135 阅读 · 0 评论 -
es6的proxy
es6 proxy 预处理原创 2019-08-21 16:15:15 · 107 阅读 · 0 评论 -
es6中的set和map结构
set结构1.set类似于数组结构,它不允许内部有重复的值set的操作方法add(value),某个值delete(value),删除某个值has(value),判断set中是否含有某个值,返回布尔值clear(value),删除全部值let setArr = new Set(['凡人枫','凡人安','web'])console.log(setArr)setArr.add...原创 2019-08-21 15:31:12 · 68 阅读 · 0 评论 -
es6的模板字符串
来源于技术胖的视频总结1.在es5时代,我们拼接字符串的时候是这样做的let today = '2019/08/16'let weekDay = '周五'let date = '今天是'+today+','+weekDayconsole.log(date)但是es6给我们提供了一种非常便捷的方法来拼接字符串,用反引号(`)来包裹整个字符串,用 ${} 来包裹变量let today...转载 2019-08-16 10:57:02 · 93 阅读 · 0 评论 -
es6扩展运算符和rest运算符
1.扩展运算符...解决参数的个数问题,当我们不确定要传的参数的个数的时候,我们可以用扩展运算符在es5时代,我们传递参数是这样的,这个是参数确定的情况function test(a,b,c,d,e){ console.log(a) console.log(b) console.log(c) console.log(d) console.log(e...原创 2019-08-15 21:50:31 · 200 阅读 · 1 评论 -
symbol在对象中的作用
来源于技术胖的视频总结,感谢技术胖大大1.symbol是es6新增的一种数据类型var a=Symbol('fanrenfeng')console.log(a)console.log(typeof a)console.log(a.toString())2.用symbol构建对象的key,并进行调用和赋值(用对象数组的形式)var fanren = Symbol();var ob...原创 2019-08-18 17:22:44 · 561 阅读 · 0 评论 -
es6对象
来源于技术胖的视频总结1.对象赋值let name='凡人枫'let age='23'var obj={name,age}console.log(obj)//{name: "凡人枫", age: "23"}2.对象key值构建let key="skill"var obj={ [key]:'web'}console.log(obj.skill)//webconsole...原创 2019-08-18 16:36:39 · 62 阅读 · 0 评论 -
es6的正则扩展
es5中 使用正则的构造函数的两种方法let regex = new RegExp('xyz','i')let regex2 = new RegExp(/xyz/i)console.log(regex.test('xyz2222'),regex2.test('xyz2222'))es6新增了一种方法let regex3=new RegExp(/xyz/ig,'g')//es6允许第二个...原创 2019-09-01 23:27:46 · 108 阅读 · 0 评论