2017年02月_程序员小周

原创 set、map、for-of和迭代器

set： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Setmap: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Mapfor-of和迭代器: http://w

2017-02-08 18:20:48 541

原创 default, rest

default很简单，意思就是默认值。大家可以看下面的例子，调用animal()方法时忘了传参数，传统的做法就是加上这一句type = type || ‘cat’来指定默认值。function animal(type){ type = type || 'cat' console.log(type) } animal()如果用ES6我们而已直接这么写：function animal

2017-02-08 16:58:42 452

原创 template string

这个东西也是非常有用，当我们要插入大段的html内容到文档中时，传统的写法非常麻烦，所以之前我们通常会引用一些模板工具库，比如mustache等等。大家可以先看下面一段代码：’$("#result").append( "There are <b>" + basket.count + "</b> " + "items in your basket, " + "<em>" + basket.

2017-02-08 16:48:52 319

原创 arrow function

这个恐怕是ES6最最常用的一个新特性了，用它来写function比原来的写法要简洁清晰很多:function(i){ return i + 1; } //ES5 (i) => i + 1 //ES6简直是简单的不像话对吧… 如果方程比较复杂，则需要用{}把代码包起来：function(x, y) { x++; y--; return x + y; } (x, y) =>

2017-02-08 16:32:37 1412

原创 class、extends、super

这三个属性解决了es5中原型链、构造函数、继承的问题ES6提供了更接近传统语言的写法，引入了Class（类）这个概念。新的class写法让对象原型的写法更加清晰、更像面向对象编程的语法，也更加通俗易懂。class Animal { constructor(){ this.type = 'animal' } says(say){ console.l

2017-02-08 16:15:00 625

原创 var、let、const小解

var声明的是全局变量，let只作用在块级作用域内，const和let作用域相同但是一般只允许赋值一次。let 对比 varlet的作用域是块，而var的作用域是函数var a = 5; var b = 10;if (a === 5) { let a = 4; // The scope is inside the if-block var b = 1; // The scope is in

2017-02-08 15:18:19 383

程序员小周的博客