Update es6

This commit is contained in:
Rico Sta. Cruz 2015-02-06 17:41:03 +08:00
parent 7213d46806
commit f7d88ba0de
2 changed files with 128 additions and 32 deletions

146
es6.md
View File

@ -3,57 +3,147 @@ title: ES6
layout: default layout: default
--- ---
## Stable ## Stable (io.js)
New features you can use on io.js. New features you can use on io.js.
### Promises ```js
/*
* Promises
*/
new Promise(fn) new Promise(fn)
.then(fn) .then(fn)
.catch(fn) .catch(fn)
Promise.all(...) Promise.all(/*...*/)
Promise.race(...) Promise.race(/*...*/)
Promise.reject(...) Promise.reject(/*...*/)
Promise.resolve(...) Promise.resolve(/*...*/)
### [Template strings](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings) /*
* Destructuring
*/
var message = `Hello there ${name}`; // Destructuring assignment
var [first, last] = ["Nikola", "Tesla"];
let {title, author} = { title: "The Silkworm", author: "R. Galbraith" };
### [Block scoping](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)
// Available in loops too
for (let {title, artist} in songs) {
// ...
}
/*
* Block scoping
*/
// Block scoping (let)
function fn () {
let x = 0;
if (true) { if (true) {
let x = 1; let x = 1; // only inside this `if`
} }
}
### [Constants](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const) // Constants
const a = 1;
const a = 1; /*
* Syntax updates, etc
*/
### Generators // Short object syntax
module.exports = {
sayHello,
sayGoodbye
};
function*() {...} // Template strings
var message = `Hello ${name}`;
### Binary/octal // New string methods
"hello".repeat(3)
"hello".contains("ll")
"\u1E9B\u0323".normalize("NFC")
var bin = 0b1010010; // Binary/octal literals
var oct = 0755; var bin = 0b1010010;
var oct = 0755;
```
### String methods ## Stable (6to5)
"hello".repeat(3) Available via 6to5
"hello".contains("ll")
"\u1E9B\u0323".normalize("NFC")
### [Symbols](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) ```js
/*
* Imports
*/
var sym = Symbol("foo") // Import; aka: require('...')
typeof sym === 'symbol' import 'helpers';
### [Collections](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) // Import; aka: Express = require('...')
import Express from 'express';
Map, WeakMap // Import; aka: indent = require('...').indent
Set, WeakSet import { indent } from 'helpers';
/*
* Exports
*/
// Export; aka: module.exports = ...
export default function () {
// ...
};
// Export a method; aka: exports.mymethod = ...
export function mymethod () {
};
// Export a value; aka: exports.pi = ...
export var pi = 3.14159;
/*
* Spread
*/
// Default arguments
function greet(name="Jerry") {
return `Hello ${name}`;
}
// Spread arguments
function fn(x, ...y) {
// y is an Array
return x * y.length;
}
// Rest
fn(...[1,2,3]) // same as fn(1,2,3)
// Fat arrows
setTimeout(() => {
console.log('hi');
});
```
## Experimental
Available via 6to5's experimental mode
```js
/*
* Comprehensions
*/
// Basic comprehension
var names = [for (c of customers) c.name];
// Comprehension with IDs
var names = [for (c of customers) if (c.admin) c.name];
```

View File

@ -57,6 +57,12 @@ article:section
article:tag article:tag
``` ```
### Favicon
```html
<link rel="icon" type="image/png" href="/assets/favicon.png">
```
### Reference ### Reference
* https://dev.twitter.com/docs/cards * https://dev.twitter.com/docs/cards