一、destructuring--解构赋值 1、数组解构赋值 (1)完全解构 let [a,b,c] = [1,2,3];//普通 console.log(a+":"+b+":"+c); let [a1, [[b1], c1]] = [1, [[2], 3]];//嵌套 console.log(a1 ...
分类:
其他好文 时间:
2017-03-04 00:01:26
阅读次数:
289
一、destructuring--解构赋值 1、数组解构赋值 (1)完全解构 这种解构赋值的方式很直观,数组嵌套的多了以后也好输出。 (2)不完全解构 2、对象解构赋值 对象解构与数组解构基本一样 3、字符串解构 4、函数参数解构 华丽的分割线 二、Symbol--定义一个独一无二的值 语法很简单, ...
分类:
其他好文 时间:
2017-03-03 22:23:20
阅读次数:
208
ES6 Generators系列: 通过前面两篇文章,我们已经对ES6 generators有了一些初步的了解,是时候来看看如何在实际应用中发挥它的作用了。 Generators最主要的特点就单线程执行,同步风格的代码编写,同时又允许你将代码的异步特性隐藏在程序的实现细节中。这使得我们可以用非常自然 ...
分类:
其他好文 时间:
2017-03-03 01:42:42
阅读次数:
195
对象结构 属性标签: 可写 writable 可配置 configurable 可遍历 enumerable 获取/设置 get/set123456789var obj = { $name : null, get name(){ return this.$name+'-fix' }, set nam ...
分类:
编程语言 时间:
2017-03-02 23:59:39
阅读次数:
418
1、Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。 修改某些Object方法的返回结果,让其变 ...
分类:
Web程序 时间:
2017-03-01 22:42:06
阅读次数:
293
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,可是很多浏览器并不支持es6语法,所以我们需要一个转码工具, 把es6的语法转换成浏览器支持的javascript,Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码。在babel的安装设 ...
分类:
其他好文 时间:
2017-03-01 16:41:24
阅读次数:
216
本文主要解释在JS里面this关键字的指向问题(在浏览器环境下)。 首先,必须搞清楚在JS里面,函数的几种调用方式: 普通函数调用 作为方法来调用 作为构造函数来调用 使用apply/call方法来调用 Function.prototype.bind方法 es6箭头函数 普通函数调用 作为方法来调用 ...
分类:
Web程序 时间:
2017-03-01 14:15:07
阅读次数:
265
1、Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。 2、Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤 ...
分类:
Web程序 时间:
2017-02-27 23:16:36
阅读次数:
192
第四节 v-on实现金额动态计算 用¥金额 进行格式处理,可以使用原生js进行转换,但是在vuei,使用filter过滤器更加方便 注: 1.es6语法=>和import等 好处在于res参数后的function函数内的this作用域,不弄在外部声明变量了。 methods:{ cartView:f ...
分类:
其他好文 时间:
2017-02-26 13:53:35
阅读次数:
707
webpack+babel+ES6+react环境搭建 步骤: 1 创建项目结构 注意: 先创建一个项目目录 react 这个名字自定义,然后进入到这个目录下面 mkdir app //创建app目录 用来存放项目源文件 mkdir dist // 创建dist目录 用来存放打包好的文件 touch ...
分类:
Web程序 时间:
2017-02-26 00:10:12
阅读次数:
257