這篇文章將為大家詳細講解有關JavaScript6里都有什么新鮮東西,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
創新互聯于2013年成立,先為松山等服務建站,松山等地企業,進行企業商務咨詢服務。為松山企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
JavaScript 6里都有啥新鮮東西?讓我們一起來看看JavaScript 6的一些新特性。
let
, const
(用來定義block-local變量), 程序過程中的function
解構: let {x, y} = pt; let [s, v, o] = triple();
(前提是let pt = {x:2, y:-5}
)
缺省參數值: function f(x, y=1, z=0) {…}
其它參數: function g(i, j, ...r) { return r.slice(i, j); }
(不需要再使用 arguments
)。
數據展開: let a = [0,1,2,3], o = new Something(...a);
。也可以用于數組字面量: [1, ...array, 4]
.
對象簡寫:let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }
.
函數簡寫 (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()
。當有循環引用時使用它。同理new WeakSet()
。
promise: new Promise((resolve, reject) => {…})
.
當 promise.then(value => {…})
時,resolve(valueOrPromise)
返回承諾的值 (或者是一個新的promise,形成鏈式調用)
當promise.then(…).then(…).catch(error => {…})
時reject(new Error(…))
中斷promise
快速 promise 創建: 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()
函數的對象。
循環: for (var [key, val] of items(x)) { alert(key + ',' + val); }
。
類定義中使用extends
, super
, 和 static
:
class Point extends Base { constructor(x,y) { super(); this[px] = x, this[py] = y; this.r = function() { return Math.sqrt(x*x + y*y); } } get x() { return this[px]; } get y() { return this[py]; } proto_r() { return Math.sqrt(this[px] * this[px] + this[py] * this[py]); } equals(p) { return this[px] === p[px] && this[py] === p[py]; } }
符號(Symbol)對象,創建私有的key,可用于map和類中(私有成員
members)。
let a = Map(); { let k = Symbol(); a.set(k, 'value'); // 這里你可以訪問和設置'value',比如a.get(k)。 } //這里不行,k是不可見的。
模塊化:
module math { export function sum(x, y) { return x + y; } export var pi = 3.141593; } import {sum, pi} from math; alert(sum(pi,pi));
模板式字符串: 可以多行,并能嵌入變量。`You are ${age} years old.`
.
// 多行字符串 re`line1: (words )* line2: \w+` // It desugars to: re({raw:'line1: (words )*\nline2: \w+', cooked:'line1: (words )*\nline2: \w+'})
關于JavaScript6里都有什么新鮮東西就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
本文題目:JavaScript6里都有什么新鮮東西
分享網址:http://m.newbst.com/article38/jeeppp.html
成都網站建設公司_創新互聯,為您提供用戶體驗、品牌網站建設、做網站、網站收錄、微信公眾號、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯