标签目录：ECMAScript

2017
12-08

ES6和Babel你不知道的事儿

因babel的版本从5升级到6有很多改动，比如babel本身不再提供任何transform的工作，都需要借助插件来完成，本文的所有讨论都是建立在babel6之上的。如果只想看结论，直接跳到文章最后。---写在前面ES6即ECMAScript6，是前端开发的JS最新规范，现在大家的开发都在使用ES6，对此并不陌生了。只是浏览器对ES6的支持并不完整，想要更好让ES6在各个平台完美运行还需一番折腾，特此一叙。下图是ES6的浏览器兼容性一览表（已ES6... 继续阅读 >

2017
05-12

Javascript的继承与多态

本文先对es6发布之前javascript各种继承实现方式进行深入的分析比较，然后再介绍es6中对类继承的支持以及优缺点讨论。最后介绍了javascript面向对象编程中很少被涉及的“多态”，并提供了“运算符重载”的思路。本文假设你已经知道或了解了js中原型、原型链的概念。es6之前，javascript本质上不能算是一门面向对象的编程语言，因为它对于封装、继承、多态这些面向对象语言的特点并没有在语言层面上提供原生的支持。但是，它... 继续阅读 >

2017
04-21

现在就可以使用的5个 ES6 特性

这篇文章介绍了5个ES6特性，使你的JavaScript代码变的更好。不用说，我们大多数前端开发工程师非常关注JavaScript的性能和特性，这就是为什么ES6对于我们来说是如此令人兴奋。ES6的变化是巨大的，是令人兴奋的，也有令人困惑的地方。在本文中，我将介绍5个ES6的新特性，您可以立即使用它们来增强你的JavaScript代码，以及哪些特性不建议使用。Ecma是什么？JavaScript多年来已经有了很多版本，但总... 继续阅读 >

2017
04-01

一道有价值的JS继承面试题

题目原题目来源于一个网友的问答varA=function(){this.name='apple';}A.prototype.getName=function(){returnthis.name;}//补充代码varB=A.extend({initialize:function(){this.superclass.initialize.call(this);this.total=3;},say:function(){return'我有'+this.total+'个'+this.getName()}});varb=newB();console.log(b.say());/... 继续阅读 >

2017
02-11

深入理解 javaScript 原型继承

继承的本质：重用在探讨javaScript的原型继承之前，先不妨想想为什么要继承？考虑一个场景，如果我们有两个对象，它们一部分属性相同，另一部属性不同。通常一个好的设计方案是将相同逻辑抽出来，实现重用。以xiaoMingliLei两位同学举例。这两位同学有自己的名字，并且会介绍自己。抽象为程序对象，可以做如下表示。varxiaoMing={name:"xiaoMing",hello:function(){console.log('Hello,m... 继续阅读 >