随笔分类 -  ES6

ES6新语法之---对象语法糖class(8)
摘要：这节学习ES6中创建对象新语法class。 第一部分：ES5中创建对象、对象继承。 1.ES5中创建对象 ES5中创建对象是通过构造函数进行new实例化实现的。 举例：创建用户对象 上例中定义了User构造函数，在User构造函数上定义getClassName()静态方法，在User原型上定义所有普 阅读全文
posted @ 2018-08-05 16:57 诸葛不亮 阅读(1291) 评论(0) 推荐(0)
ES6新语法之---函数扩展(7)
摘要：这节学习ES6中对函数新增的方法和属性。 1.新增函数的参数默认值 参考S6系列第二篇：http://www.cnblogs.com/diweikang/p/8976854.html 2.新增了函数的rest参数 参考ES6系列第二篇：http://www.cnblogs.com/diweikang 阅读全文
posted @ 2018-07-29 23:58 诸葛不亮 阅读(1681) 评论(0) 推荐(0)
ES6新语法之---字符串&数值扩展(6)
摘要：这节课主要学习ES6中字符串和数值扩展，主要学习常用的方法。 第一部分：字符串常用方法扩展 1.includes()、startsWith()、endsWIth() ES6之前JavaScript只有indexof()方法，可以用来确定一个字符串是否包含在另一个字符串中,indexOf()方法返回值 阅读全文
posted @ 2018-07-24 23:43 诸葛不亮 阅读(1997) 评论(0) 推荐(0)
ES6新语法之---对象字面量扩展、模板字符串(5)
摘要：这节课学习ES6中对象字面量扩展和新增模板字符串 第一部分：对象字面量扩展 1.简洁写法 ES6对于对象字面量属性提供了简写方式。 1.1：属性简写 1.2：方法简写 1.3简洁方法的局限 分析下面代码是否可以通过简洁方法重构： 这里的'something：'属性和function somethin 阅读全文
posted @ 2018-05-06 18:34 诸葛不亮 阅读(1272) 评论(0) 推荐(0)
ES6新语法之---解构(4)
摘要：ES6中引入了新语法--解构，我们把这个功能看做是结构化赋值，会更容易理解些。 第一部分：ES5数组、对象结构 1.1：数组结构 我们构造了一个手动赋值，把foo()返回数组中的值赋给独立变量a、b和c，为了实现这一点我们需要一个临时变量tmp。 1.2：对象结构 这里实现对象的赋值，依然使用了临时 阅读全文
posted @ 2018-05-05 16:21 诸葛不亮 阅读(1003) 评论(0) 推荐(0)
ES6新语法之---扩展(spread)/收集(rest)运算符、默认参数值(3)
摘要：这节学习ES6中的spread/rest(展开或收集运算符)及默认参数值。 第一部分：扩展运算符(spread) 场景：使用在数组之前。 作用：将一个数组转为用逗号分隔的参数序列 举例1：数组之前 当运算符"..."用在数组之前时，数组会被转为用逗号分隔的参数序列。 举例2：替代apply()方法 阅读全文
posted @ 2018-05-01 17:32 诸葛不亮 阅读(984) 评论(0) 推荐(0)
ES6新语法之---块作用域let/const(2)
摘要：前言: ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了，这节学习掌握ES6中的let/const。 1.JavaScript中的作用域 1>函数作用域 JavaScript中变量作用域的基本单元一直是函数(funct 阅读全文
posted @ 2018-04-26 09:55 诸葛不亮 阅读(216) 评论(0) 推荐(0)
ES6开发环境准备--babel配置(1)
摘要：前言: 公司项目目前用vue开发，项目中使用es6语法，但是开发中偶尔有些语法会混淆和遗忘，此处作以记录，方便自己回顾和翻阅。 1.babel初识 功能：babel是一个JavaScript的编译器，将ES6语法编译成浏览器所识别的ES5语法。 用法： 1>REPL在线编辑： 我们可以使用babel 阅读全文
posted @ 2018-04-21 20:34 诸葛不亮 阅读(407) 评论(0) 推荐(0)