![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6的学习
码农的成长
这个作者很懒,什么都没留下…
展开
-
ES6中的数组
1、回顾 用ES5定义一个加法函数: function add(a,b){ return a+b; } console.log(add(1,2)); //3 如果b有默认值:(这个时候可以只传一个参数) function add(a,b=1){ return a+b; } console.log(add(1)); //2 2、ES6中函数抛出错误 ...原创 2018-06-30 11:30:40 · 253 阅读 · 0 评论 -
ES6环境的搭建
1、ES6环境的搭建 搭建环境的原因:低版本的浏览器不支持ES6语法,可以利用工具将es6编译成es5 用Babel编译的方法: 建立工程项目 1、src:放es6书写的js文件(例:index.js) 2、dist:放利用Bable编译生成的ES5的js文件(例:index.js) 建立index.html页面 在其中引用dist目录下的js文件 <scrip...原创 2018-06-28 21:00:11 · 157 阅读 · 0 评论 -
ES6的变量声明
自我学习记录,欢迎指正 在ES6中,变量的声明可以用var,let,const var 1、用var声明的变量如果在调用的后面,不会报错,将会显示undefined console.log(a); //a的值为undefined var a = 1; 2、函数内声明的变量只能在函数内使用,与之相对的在块级作用域内声明的变量则在块级作用域范围外也能使用 functi...原创 2018-06-28 21:00:48 · 553 阅读 · 0 评论 -
ES6的解构赋值
为什么需要解构赋值 解构赋值可以让我们的代码更加简洁明了,大大减少我们的代码量 解构赋值可以分为数组解构,对象解构,字符串解构 1、对象解构 不使用对象解构的情况: const person = { name: 'little bear', age: 18, sex: '男' } let age = person.age let name = person.name ...原创 2018-06-28 21:01:17 · 85 阅读 · 0 评论 -
ES6对象扩展运算符以及rest运算符
1、对象扩展运算符(…) 使用方式如下:(在传入的参数不确定的情况下) function es6(...args){ console.log(args[0]); console.log(args[1]); console.log(args[2]); console.log(args[3]); } es6(1,2,3); //1,2,3,undefine...原创 2018-06-28 21:01:57 · 1453 阅读 · 0 评论 -
ES6字符串模版以及数字操作
1、字符串的拼接 在ES5中字符串的拼接如下: let es6 = 'ES6'; let str = '学习' + es6 + '很开心'; console.log(str); //学习ES6很开心 这样拼接有些麻烦且容易产生引号嵌套问题。所以在ES6中采用了新的拼接方式,如下(以反引号`包裹,变量用${}包裹): let es6 = 'ES6'; let str = `学习...原创 2018-06-28 21:02:30 · 809 阅读 · 0 评论 -
ES6中的数组
1、将特定格式的json数据转成数组 定义一个json数据(length长度必须要有,且与内容的个数一致,不然转换后的数组会有undefined,必须从0开始,不然数组前面的数据会有undefined,数字上的引号可以省略,如果不是数字,则不会被转成数组里的值): let json = { '0':'aa', '1':'bb', '2':'cc', leng...原创 2018-06-30 11:25:00 · 3413 阅读 · 0 评论