随笔分类 -  ES6

ES6 语法之import export
摘要：假设我们有两个js文件: index.js和content.js,现在我们想要在index.js中使用content.js返回的结果 ES6的写法 ES6 module的其他高级用法 上面可以看出，export命令除了输出变量，还可以输出函数，甚至是类（react的模块基本都是输出类） 修改变量名 阅读全文
posted @ 2017-07-12 10:35 H5工程师 阅读(914) 评论(0) 推荐(0)
ES6 语法 之 destructuring
摘要：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 ES6写法 反过来可以这样写 其实这里我们写习惯了还是可以省很多代码量的，比如从链接里取参数，从react的this.state中取属性 阅读全文
posted @ 2017-07-11 15:31 H5工程师 阅读(230) 评论(0) 推荐(0)
ES6语法之 template string
摘要：当我们要插入大段的html内容到文档中时，传统的写法非常麻烦， 使用大量的+ 号和字符串拼接 而使用ES6的新特性模板字符串``后，可以这样写 `aa${变量名}aaa` 用${}这种方式来引用变量 阅读全文
posted @ 2017-07-11 15:24 H5工程师 阅读(379) 评论(0) 推荐(0)
ES6笔记之 arrow function
摘要：arrow function 箭头函数，应该是ES6语法中应用最多的地方长期以来 JavaScript语言的this对象一直是一个令人头痛的问题，在对象方法中使用this，必须小心 如setTimeout(function(){},1000) 里的function，这里想打印出this.type,却 阅读全文
posted @ 2017-07-11 15:14 H5工程师 阅读(180) 评论(0) 推荐(0)
ES6 笔记 之 class, extends, super
摘要：class, extends, super 这三个特性涉及了ES5中最令人头疼的的几个部分：原型、构造函数，继承 ，由于博主是写react 的所以经常看到，但是刚开始的时候不太了解其中的工作原理 例如 class Animal { constructor(){ this.type = 'animal 阅读全文
posted @ 2017-07-11 15:00 H5工程师 阅读(1259) 评论(0) 推荐(0)
ES6笔记之let声明和const
摘要：博主为什么要在繁忙的业务中抽时间写这些最基本的笔记，就是想不断积累自己小的细节，让自己的开发更有效率，不能知其然不知所以然。 博主在实际开发中使用了react全家桶（框架)+typescript(预编译JS）+ES6（JS语法)+webpack(打包工具）+styledcomponent(css)， 阅读全文
posted @ 2017-06-06 11:04 H5工程师 阅读(1375) 评论(0) 推荐(0)

点击右上角即可分享
微信分享提示