日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript6里都有啥新鮮東西？

JavaScript 6里都有啥新鮮東西？讓我們一起來看看JavaScript 6的一些新特性。

let, const (用來定義block-local變量), 程序過程中的function

解構(gòu): let {x, y} = pt; let [s, v, o] = triple();
(前提是let pt = {x:2, y:-5})

缺省參數(shù)值: function f(x, y=1, z=0) {…}

其它參數(shù): function g(i, j, ...r) { return r.slice(i, j); }
(不需要再使用 arguments )。

數(shù)據(jù)展開: let a = [0,1,2,3], o = new Something(...a);。也可以用于數(shù)組字面量: [1, ...array, 4].

對象簡寫：
let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }.

函數(shù)簡寫 (a) => a * a 效果等同
(function(a) { return a * a; }).bind(this)

map, set: let m = new Map(); m.set(key, value); m.has(key); m.get(key).
還包括 .clear(), .delete(), .forEach(), .keys().

弱map: let map = new WeakMap()。當有循環(huán)引用時使用它。同理new WeakSet()。

promise: new Promise((resolve, reject) => {…}).

當 promise.then(value => {…})時，resolve(valueOrPromise) 返回承諾的值 (或者是一個新的promise，形成鏈式調(diào)用)

當promise.then(…).then(…).catch(error => {…})時reject(new Error(…))中斷promise

快速 promise 創(chuàng)建: Promise.resolve(value), Promise.reject(error).

迭代: Promise.all(listOfPromises).then(listOfValues => …),
Promise.race(listOfPromises).then(valueThatResolvedFirst => …)

代理: let obj = new Proxy(proto, handler).
簡單說： 使用類對象的元素進行重載(能夠帶來所有可訪問的屬性。)

生成器: function* gen() { yield 1; yield 2; }
事實上，gen() 會返回一個含有 next() 函數(shù)的對象。

循環(huán): for (var [key, val] of items(x)) { alert(key + ',' + val); }。

類定義中使用extends, super, 和 static:

 
 
    
  
  
  1. class Point extends Base { 
    2. 
  
  
  2.   constructor(x,y) { 
    3. 
  
  
  3.     super(); 
    4. 
  
  
  4.     this[px] = x, this[py] = y; 
    5. 
  
  
  5.     this.r = function() { return Math.sqrt(x*x + y*y); } 
    6. 
  
  
  6.   } 
    7. 
  
  
  7.   get x() { return this[px]; } 
    8. 
  
  
  8.   get y() { return this[py]; } 
    9. 
  
  
  9.   proto_r() { return Math.sqrt(this[px] * this[px] + 
    10. 
  
  
  10.       this[py] * this[py]); } 
    11. 
  
  
  11.   equals(p) { return this[px] === p[px] && 
    12. 
  
  
  12.       this[py] === p[py]; } 
    13. 
  
  
  13. } 
    14.

符號(Symbol)對象，創(chuàng)建私有的key，可用于map和類中(私有成員
members)。

 
 
    
  
  
  1. let a = Map(); 
    2. 
  
  
  2. { 
    3. 
  
  
  3.   let k = Symbol(); 
    4. 
  
  
  4.   a.set(k, 'value'); 
    5. 
  
  
  5.   // 這里你可以訪問和設置'value'，比如a.get(k)。 
    6. 
  
  
  6. } 
    7. 
  
  
  7. //這里不行，k是不可見的。 
    8.

模塊化:

 
 
    
  
  
  1. module math { 
    2. 
  
  
  2.   export function sum(x, y) { 
    3. 
  
  
  3.     return x + y; 
    4. 
  
  
  4.   } 
    5. 
  
  
  5.   export var pi = 3.141593; 
    6. 
  
  
  6. } 
    7. 
  
  
  7.  
    8. 
  
  
  8. import {sum, pi} from math; 
    9. 
  
  
  9. alert(sum(pi,pi)); 
    10.

模板式字符串: 可以多行，并能嵌入變量。
`You are ${age} years old.`.

 
 
    
  
  
  1. // 多行字符串 
    2. 
  
  
  2. re`line1: (words )* 
    3. 
  
  
  3. line2: \w+` 
    4. 
  
  
  4.  
    5. 
  
  
  5. // It desugars to: 
    6. 
  
  
  6. re({raw:'line1: (words )*\nline2: \w+', 
    7. 
  
  
  7.     cooked:'line1: (words )*\nline2: \w+'}) 
    8.

類型化數(shù)組

語言規(guī)范: http://people.mozilla.org/~jorendorff/es6-draft.html

語言規(guī)格建議書: http://wiki.ecmascript.org/doku.php?id=harmony:proposals


本文題目：JavaScript6里都有啥新鮮東西？
URL鏈接：http://www.5511xx.com/article/djhcsps.html