Giter VIP home page Giter VIP logo

harmony-reflect's Introduction

NPM version Dependencies

This is a shim for the ECMAScript 6 Reflect and Proxy objects.

Read Why should I use this library?

Installation

If you are using node.js (>= v0.7.8), you can install via npm:

npm install harmony-reflect

Then:

node --harmony
> var Reflect = require('harmony-reflect');

See release notes for changes to the npm releases.

To use in a browser, just download the single reflect.js file. After loading

<script src="reflect.js"></script>

a global object Reflect is defined that contains reflection methods as defined in the ES6 draft.

If your browser supports the "harmony-era" Proxy object that predates ES6 (i.e. Firefox or Chrome <= v37), that Proxy object is also updated to follow the latest direct proxies spec. To create such a proxy, call:

var proxy = new Proxy(target, handler)

API Docs

This module exports an object named Reflect and updates the global Proxy object (if it exists) to be compatible with the latest ECMAScript 6 spec.

The ECMAScript 6 Proxy API allows one to intercept various operations on Javascript objects.

Compatibility

The Reflect API, with support for proxies, was tested on:

  • Firefox (>= v4.0)
  • Chrome (>= v19 && <= v37), with the following flag enabled: chrome://flags/#enable-javascript-harmony (copy/paste into your address-bar)
  • node --harmony (>= v0.7.8)

Note: Chrome v38 seems to have removed the Proxy constructor. As a result, this library cannot patch the harmony-era Proxy object on Chrome v38. If you're working with chromium directly, it's still possible to enable proxies using chromium-browser --js-flags="--harmony_proxies".

You can also run the code in one of the following headless JavaScript shells:

  • v8 --harmony (>= v3.6)
  • Any recent js spidermonkey shell

Dependencies

  • ECMAScript 5/strict
  • To emulate direct proxies: * old Harmony Proxies * Harmony WeakMaps

After loading reflect.js into your page or other JS environment, be aware that the following globals are patched to be able to recognize emulated direct proxies:

Object.{freeze,seal,preventExtensions}
Object.{isFrozen,isSealed,isExtensible}
Object.getPrototypeOf
Object.keys
Object.prototype.valueOf
Object.prototype.hasOwnProperty
Object.getOwnPropertyDescriptor
Object.defineProperty
Object.getOwnPropertyNames
Function.prototype.toString
Date.prototype.toString
Array.isArray
Array.prototype.concat
Proxy

Examples

The examples directory contains a number of examples demonstrating the use of proxies:

  • membranes: wrappers that transitively isolate two object-graphs.
  • observer: a self-hosted implementation of the ES7 Object.observe notification mechanism.
  • profiler: a simple profiler to collect usage statistics of an object.

Other example uses of proxies (not done by me, but using this library):

  • supporting negative array indices a la Python
  • tpyo: using proxies to correct typo's in JS property names
  • persistent objects: shows how one might go about using proxies to save updates to objects in a database incrementally

For more examples of proxies, and a good overview of their design rationale, I recommend reading Axel Rauschmayer's blog post on proxies.

Proxy Handler API

The sister project proxy-handlers defines a number of predefined Proxy handlers as "abstract classes" that your code can "subclass" The goal is to minimize the number of traps that your proxy handlers must implement.

Spec Compatibility

This library differs from the rev 27 (august 2014) draft ECMAScript 6 spec as follows:

  • In ES6, Proxy will be a constructor function that will require the use of new. That is, you must write new Proxy(target, handler). This library exports Proxy as an ordinary function which may be called with or without using the new operator.
  • Array.isArray(obj) and [].concat(obj) are patched so they work transparently on proxies-for-arrays (e.g. when obj is new Proxy([],{})). The current ES6 draft spec does not treat proxies-for-arrays as genuine arrays for these operations. Update (Nov. 2014): it looks like the ES6 spec will change so that Array.isArray and other methods that test for arrayness will work transparently on proxies, so this shim's behavior will become the standardized behavior.

harmony-reflect's People

Contributors

angus-c avatar johnjbarton avatar metamatt avatar polotek avatar zombie avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.