ES6中的箭头函数和普通函数有什么区别？
1、普通函数中的this总是指向调用它的那个对象，箭头函数没有自己的this，他的this永远指向其定义环境，任何方法都改变不了其指向，如call（）、bind（）、apply（）。（正是因为它没有this，所以也就不能用作构造函数，也没有原型对象）2、箭头函数不能当作构造函数，也就是说，不能使用n...
es6继承 vs js原生继承(es5)
最近在看es2015的一些语法，最实用的应该就是继承这个新特性了。比如下面的代码： $(function(){ class Father{ constructor(name, age){ this.name = name; ...
[ES6] 11. String Templates
ECMAscript 6 lets us use string templates to gain a lot more control over strings in JavaScript.var salutation = "Hello";var place = "New York";var gr...
ES6中的Promise用法
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些HTML和一些交互，后台熟悉数据库的增删查改。想必接触过Node的人都知道，Node是以异步(Async)回调著称的，...
JavaScript ES6特性
ES6 核心特性块级作用域let : 声明的变量存在块级作用域 不会声明提前ES5// ES5 // 声明提前var x = 'outer';function test(inner) { if (inner) { var x = 'inner'; console...
ES6学习笔记<五> Module的操作——import、export、as
import export这两个家伙对应的就是es6自己的 module功能。我们之前写的Javascript一直都没有模块化的体系，无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程，再用一种简单的方法把这些小工程连接在一起。这有可能导致两个问题：一方面js代码变得很臃肿，难以维护...
前端工程化-webpack(babel编译ES6）
最新版安装与普通安装使用babel-loader编译ES6,需要遵循规范，安装babel-presets规范列表对应babel-loader，babel-preset安装最新版和普通版：presets算是loader的参数，如何指定参数？babel-presets也有一个参数就是targets,这个...
es6基础系列二：Number
es6中关于Number类型的变化，主要有以下几点Number.isInteger(新增，判断是否为整数)Number.EPSILON(新增，判断是否可忽略的误差)Number.MAX_SAFE_INTEGER(新增，可以在js中安全且精确地表示的最大整数)Number.MIN_SAFE_INTEG...
[ES6]探究数据绑定之Proxy
知识储备Proxy 方式实现数据绑定中涉及到 Proxy、Reflect、Set、Map 和 WeakMap，这些都是 ES6 的新特性。ProxyProxy 对象代理，在目标对象之前架设一层拦截，外部对目标对象的操作，都会通过这层拦截，我们可以定制拦截行为，每一个被代理的拦截行为都对应一个处理函数...
ES6学习重难点总结（持续更新）
Symbol1.Symbol.iteratorSymbol.iterator指向对象的默认遍历器方法：String.prototype[Symbol.iterator]//ƒ [Symbol.iterator]() { [native code] }Array.prototype[Symbol.it...
ES6 Proxy和Reflect（下）
construct()construct方法用于拦截new命令。var handler = { construct (target, args) { return new target(...args); }}下面是一个例子。var p = new Proxy(function() {},...
ES6 对象增强
对象字面量语法扩展：1, 属性初始化语法简写：给一个属性赋一个变量值，如果变量名和属性名相同，可以省略变量名和冒号，直接写属性名，js引擎在执行代码的时候，自动查找 和属性命名相同的变量并赋值。let x = 1, y = 2;let object = { x, // 属性名是x，变量名也是x, 两...
ES6笔记① var 和 let的区别
let 和 var的区别 答：不同点在于作用域1.（全局下）首先 let关键字声明的变量是这样写会导致错误。let声明的变量类似于”本地变量“，函数内如何不重新声明，还是会被改变var a =10;var a ="10a";let b =20;let b ="20b";console.log...
ES6 系列之 Babel 是如何编译 Class 的(下)
前言ES5 寄生组合式继承function Parent (name) { this.name = name;}Parent.prototype.getName = function () { console.log(this.name)}function Child (name, ag...
初步接触ES6
Babel---ES6转码器ES6 声明变量的六种方法ES5 只有两种声明变量的方法：var命令和function命令。ES6除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有6种声明变量的方法。1.let用来声明变量。1).只在let命令...
深入浅出ES6教程模块化
大家好，本人名叫苏日俪格，大家叫我 （格格） 就好，在上一章节中我们学到了Promise的用法，下面我们一起来继续学习模块化：JavaScript本身是不支持模块化的，只不过后来一些社区的大佬制定了一个模块规范，主要分为两种，一个是用于服务器的CommonJs,比如nodeJs中的require；另...
ES6中的模块
前面的话JS用"共享一切"的方法加载代码，这是该语言中最易出错且容易令人感到困惑的地方。在ES6以前，在应用程序的每一个JS中定义的一切都共享一个全局作用域。随着web应用程序变得更加复杂，JS代码的使用量也开始增长，这一做法会引起问题，如命名冲突和安全问题。ES6的一个目标是解决作用域问题，也为了...
ES6的模块化
在之前的 javascript 中一直是没有模块系统的，前辈们为了解决这些问题，提出了各种规范, 最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器。而 ES6 中提供了简单的模块系统，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。基本用法...
es6 中的let,const
在es6中，let的作用和var差不多，都是用来声明变量的，但是他们之间的区别在于作用域不同，大家都知道在js中没有块级作用域，例如：for(var i=0;i<10;i++){ console.log(i)}在上面的代码中，i的作用域范围是由执行环境决定的，如果是在全局环境中执行，则i的...
《理解 ES6》阅读整理：函数（Functions）（五）Name Property
名字属性（The name Property）在JavaScript中识别函数是有挑战性的，因为你可以使用各种方式来定义一个函数。匿名函数表达式的流行使用导致函数调试困难，在栈信息中难以找出函数名。因为这些原因，ES6为所有函数都增加了名字属性。选择合适的名字（Choosing Appropriat...