https://github.com/webreflection/classtrophobic-es5

Classtrophobic landed on older browsers too
https://github.com/webreflection/classtrophobic-es5

babel basic class es5 extend

Last synced: 9 days ago
JSON representation

Classtrophobic landed on older browsers too

• Host: GitHub
• URL: https://github.com/webreflection/classtrophobic-es5
• Owner: WebReflection
• Created: 2017-01-15T18:54:27.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-01-19T19:03:05.000Z (about 8 years ago)
• Last Synced: 2024-12-10T19:19:37.188Z (about 1 month ago)
• Topics: babel, basic, class, es5, extend
• Language: HTML
• Size: 56.6 KB
• Stars: 10
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Classtrophobic ES5 [![build status](https://secure.travis-ci.org/WebReflection/classtrophobic-es5.svg)](http://travis-ci.org/WebReflection/classtrophobic-es5) [![Coverage Status](https://coveralls.io/repos/github/WebReflection/classtrophobic-es5/badge.svg?branch=master)](https://coveralls.io/github/WebReflection/classtrophobic-es5?branch=master)

Project [Classtrophobic](https://github.com/WebReflection/classtrophobic) can work on older browsers too.

No `class` or `Proxy` used in here, and the only caveat is that subclasses with a constructor must return the `super` instance.

```js

var List = Class({

  extends: Array,

  constructor: function () {

    // super might promote current instance

    var self = this.super();

    // be sure you use the right reference

    self.push.apply(self, arguments);

    // and remember to return it

    return self;

  },

  push: function () {

    // constructor a part, everything else is the same

    this.super.push.apply(this, arguments);

    // make push chainable for demo purpose

    return this;

  }

});

```

### Which Version For My Targets?

You can test live both [classtrophobic](https://webreflection.github.io/classtrophobic/test.html) and [classtrophobic-es5](https://webreflection.github.io/classtrophobic-es5/test.html).

If the page turns out green, you're good to go!

The main difference is that ES5 version has a greedy runtime when it comes to `super` usage,

while this original version uses real classes and delegate to Proxy access the `super` resolution,

working only when a method is accessed and per single method, as opposite of runtime setup for all methods in the es5 case.

Luckily overrides are not the most frequent thing ever.

## Requirements

At least the annex B `__proto__` accessor should be there.

This means pretty much every Mobile browser and every Desktop one, starting from IE11.