Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up

⚡ ES6 equivalent implimentation in ES5 for old JavaScript engines

License

NotificationsYou must be signed in to change notification settings

rousan/es6-harmony

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NPM versionNPM total downloadsLicense

ES6 Harmony

Provides an equivalent implementation ofES6(Harmony) in pureES5 and creates anES6 environment for old browsers and JavaScript Engines.

ES6 shims in pure ES5.

Install

NPM

Install it fromnpm andrequire it before any other modules:

$ npm install --save es6-harmony
varES6=require("es6-harmony");

CDN

If you prefer CDN, then just insert it into your HTML page on the top of other scripts:

<script src="https://cdn.jsdelivr.net/npm/es6-harmony/dist/es6-harmony.min.js"></script>

Examples

"use strict";varES6=require("es6-harmony");vararr=[1,2,3];ES6.forOf(arr,function(v){console.log(v);});// 1// 2// 3console.log(Array.from("Bar"));// [ 'B', 'a', 'r' ]console.log(Array.of(1,2,3));// [ 1, 2, 3 ]console.log(Array.of.call(Object,1,2,3));// { [Number: 3] '0': 1, '1': 2, '2': 3, length: 3 }console.log([1,2,3].fill("Bar"));// [ 'Bar', 'Bar', 'Bar' ]console.log([1,2,"bar"].find(function(v){returntypeofv==="number";}));// 1console.log([1,2,"bar"].findIndex(function(v){returntypeofv==="number";}));// 0varit=arr.entries();console.log(it.next());// { done: false, value: [ 0, 1 ] }console.log(it.next());// { done: false, value: [ 1, 2 ] }console.log(it.next());// { done: false, value: [ 2, 3 ] }console.log(it.next());// { done: true, value: undefined }varmap=newMap([[1,2],["bar","baz"]]);console.log(map.size);// 2map.set(0,{});map.set(NaN,Object);console.log(map.has(NaN));// trueconsole.log(map.has(-0));// trueit=map.keys();console.log(it.next());// { done: false, value: 1 }console.log(it.next());// { done: false, value: 'bar' }console.log(it.next());// { done: false, value: NaN }ES6.forOf(map,function(v){console.log(v);});// [ 1, 2 ]// [ 'bar', 'baz' ]// [ 0, {} ]// [ NaN, [Function: Object] ]varset=newSet([1,2,"bar"]);console.log(set.size);// 3set.add(-0);set.add(NaN);console.log(set.has(0));// trueconsole.log(set.has(NaN));// trueit=set.values();console.log(it.next());// { done: false, value: 1 }console.log(it.next());// { done: false, value: 2 }console.log(it.next());// { done: false, value: 'bar' }ES6.forOf(set,function(v){console.log(v);});// 1// 2// bar// -0// NaNvarwm=newWeakMap();wm.set(Object,"object");wm.set({},"normal object");console.log(wm.has(Object));// trueconsole.log(wm.has({}));// falsevarws=newWeakSet();ws.add(Object);ws.add(Math);console.log(ws.has(Math));// trueconsole.log(ws.has(newObject()));// falseconsole.log(Number.isNaN(NaN));// trueconsole.log(Number.isFinite(Infinity));// falseconsole.log(Number.isInteger(-11));// trueconsole.log(Number.isSafeInteger(Math.pow(2,53)-1));// trueconsole.log(Object.is(-0,0));// falseconsole.log(Object.is(NaN,NaN));// truevara={};varb={};Object.setPrototypeOf(a,b);console.log(Object.getPrototypeOf(a)===b);// trueconsole.log(Object.assign({},"bar"));// { '0': 'b', '1': 'a', '2': 'r' }varsym1=Symbol("bar");varsym2=Symbol("baz");a[sym1]="This is symbol property";a[sym2]="This is another symbol property";varallSymbols=Object.getOwnPropertySymbols(a);console.log(allSymbols.length);// 2console.log(allSymbols[0]===a);// falseconsole.log(allSymbols[1]===b);// falseconsole.log(String.fromCodePoint(0xFFFF,0x10FFFF).length);// 3sym1=Symbol("BAZ");sym2=Symbol.for("BAZ");console.log(sym1===Symbol("BAZ"));// falseconsole.log(sym2===Symbol.for("BAZ"));// truevarobj={length:2,0:"a",1:122};it=Array.prototype[Symbol.iterator].call(obj);// { done: false, value: 'a' }console.log(ES6.spreadOperator([]).spread("Bar",[1,2,3]).add(1,2,4).array());// [ 'B', 'a', 'r', 1, 2, 3, 1, 2, 4 ]functionsumArgs(){returnArray.prototype.reduce.call(arguments,function(acc,currV){returnacc+currV;},0);}console.log(ES6.spreadOperator(sumArgs).spread([1,2,3]).add(11,22).call());// 39functionBox(width,height){this.width=width;this.height=height;}console.log(ES6.spreadOperator(Box).spread([1,2.22]).new());// Box { width: 1, height: 2.22 }console.log(it.next());// { done: false, value: 'a' }varpromise=newPromise(function(resolve,reject){setTimeout(resolve,0,100);});promise.then(function(value){console.log(value);returnnewPromise(function(resolve,reject){setTimeout(resolve,0,110);});}).then(function(value){console.log(value);return{then:function(resolve,reject){setTimeout(reject,0,"Error");}}}).catch(console.log.bind(console));// 100// 110// Error

Implemented

  • Array

    • Array.from()
    • Array.of()
    • Array.prototype.fill()
    • Array.prototype.find()
    • Array.prototype.findIndex()
    • Array.prototype.entries()
    • Array.prototype.keys()
    • Array.prototype.copyWithin()
    • Array.prototype.concat() (ES6 version, addition of@@isConcatSpreadable support)
    • Array.prototype[@@iterator]

  • Map

    • Map.prototype.size
    • Map.prototype.set()
    • Map.prototype.get()
    • Map.prototype.has()
    • Map.prototype.clear()
    • Map.prototype.delete()
    • Map.prototype.entries()
    • Map.prototype.forEach()
    • Map.prototype.keys()
    • Map.prototype.values()
    • Map.prototype[@@iterator]()
    • Map.prototype[@@toStringTag]()

  • Set

    • Set.prototype.size
    • Set.prototype.add()
    • Set.prototype.clear()
    • Set.prototype.delete()
    • Set.prototype.entries()
    • Set.prototype.forEach()
    • Set.prototype.has()
    • Set.prototype.keys()
    • Set.prototype.values()
    • Set.prototype[@@iterator]()
    • Set.prototype[@@toStringTag]()

  • WeakMap

    • WeakMap.prototype.delete()
    • WeakMap.prototype.get()
    • WeakMap.prototype.has()
    • WeakMap.prototype.set()
    • WeakMap.prototype[@@toStringTag]()

  • WeakSet

    • WeakSet.prototype.add()
    • WeakSet.prototype.delete()
    • WeakSet.prototype.has()
    • WeakSet.prototype[@@toStringTag]()

  • Number

    • Number.isNaN()
    • Number.isFinite()
    • Number.isInteger()
    • Number.parseInt()
    • Number.parseFloat()
    • Number.EPSILON
    • Number.MAX_SAFE_INTEGER
    • Number.MIN_SAFE_INTEGER
    • Number.isSafeIntger()

  • Object

    • Object.is()
    • Object.setPrototypeOf() (It assumes thatObject.prototype.__proto__ accessor property already exists)
    • Object.assign()
    • Object.getOwnPropertySymbols
    • Object.prototype.toString() (ES6 version, addition of@@toStringTag support)

  • Promise

    • Promise.all()
    • Promise.race()
    • Promise.reject()
    • Promise.resolve()
    • Promise.prototype.then()
    • Promise.prototype.catch()

  • String

    • String.fromCodePoint()
    • String.prototype.codePointAt()
    • String.prototype.startsWith()
    • String.prototype.endsWith()
    • String.prototype.includes()
    • String.prototype.repeat()

  • Symbol

    • Symbol.for()
    • Symbol.keyFor()
    • Symbol.iterator
    • Symbol.hasInstance
    • Symbol.isConcatSpreadable
    • Symbol.toStringTag
    • Symbol.prototype.toString()
    • Symbol.prototype.valueOf()

Not Yet Implemented

Some features are not yet implemented, but can be implemented safely. Clickhere to see those features.

Limitation

SomeES6 features can not be implemented inES5 natively likespread operator,for..of loop,ES6 version ofinstanceOf operator etc.So this module exports an object namedES6 globally, that provides some approximate equivalent implementation of those features.

ES6 Object

This object provides,

  • isSymbol() (It can be used as equivalent API fortypeof symbol === 'symbol')
  • instanceOf() (Provides ES6 version ofinstanceOf operator)
  • forOf() (This method behaves exactly same asfor...of loop)
  • spreadOperator (Gives same functionality of thespread operator)

Others utility methods,

  • isMap
  • isSet
  • isWeakMap
  • isWeakSet
  • isPromise

Contributing

Your PRs and stars are always welcome.

Please, try to follow:

  • Clone the repository.
  • Checkoutdevelop branch.
  • Install dependencies.
  • Add your new features or fixes.
  • Build the project.
$ git clone https://github.com/rousan/es6-harmony.git$cd es6-harmony$ git checkout develop$ npm i$ npm run build
[8]ページ先頭
©2009-2025 Movatter.jp