| function cloneObject(object) { | |
| return extendObject({}, object); | |
| } | |
| function extendObject(base, object) { | |
| var visited = [object]; | |
| // http://en.wikipedia.org/wiki/Adjacency_list_model | |
| var set = [{value: base}]; |
| <!DOCTYPE html> | |
| <html> | |
| <head>...</head> | |
| <body> | |
| ... | |
| <script src="load.js"></script> | |
| </body> | |
| </html> |
| # before this file is loaded, a locale should be set: | |
| # | |
| # In a browser environment, you can use: | |
| # ```<script>__locale='en';</script>``` | |
| # | |
| # In a server environment (specifically node.js): | |
| # ```global.__locale = 'en';``` | |
| # normalize in-app locale string to "en" or "de-AT" | |
| parts = @__locale.split('-') |
Let's build a JavaScript class syntax from first principles. For the purpose of this exercise, let's assume that the purpose of the class syntax is to add much-needed sugar to common JavaScript idioms.
Let's start with how JavaScript "classes" work today:
// this is a constructor
Person = function() {
this // `this` is a new instance of Person
| <!doctype html> | |
| <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title></title> |
| // Here is a proposal for minimalist JavaScript classes, humbly offered. | |
| // There are (at least) two different directions in which classes can be steered. | |
| // If we go for a wholly new semantics and implementation, then fancier classical | |
| // inheritance can be supported with parallel prototype chains for true inheritance | |
| // of properties at both the class and instance level. | |
| // If however, we keep current JavaScript prototype semantics, and add a form that | |
| // can desugar to ES3, things must necessarily stay simpler. This is the direction | |
| // I'm assuming here. |
| !function () { | |
| var channels = {}; | |
| this.subscribe = function (channel, subscription) { | |
| if (!channels[channel]) channels[channel] = []; | |
| channels[channel].push(subscription); | |
| }; | |
| this.publish = function (channel) { | |
| if (!channels[channel]) return; |
| (function($){ | |
| var // Promise methods | |
| promiseMethods = "done fail isResolved isRejected promise then always pipe".split( " " ), | |
| // Static reference to slice | |
| sliceDeferred = [].slice; | |
| if (typeof $ !== 'function') { | |
| return false; | |
| } else { |
| $(function(){ | |
| //=========================================================== | |
| // JavaScript object 'namespace' extension experiments | |
| // by @addyosmani (comparing deep extension in vanilla JS vs. | |
| // jQuery's $.extend) | |
| // | |
| // | |
| // The goal here is to: | |
| // |
| /*! | |
| * "IIFE" - v0.2 - 9/14/2011 | |
| * http://benalman.com/ | |
| * | |
| * Copyright (c) 2011 "Cowboy" Ben Alman | |
| * Dual licensed under the MIT and GPL licenses. | |
| * http://benalman.com/about/license/ | |
| */ | |
| // Usage: |