The JavaScript World Domination

From browsers to mobile phones, from tablets to tabletops, from industrial automation to the tiniest microcontrollers?—?JavaScript seems to creep into the most unexpected places these days. It’s not too long until your very toaster will be running JavaScript… but why?

How exactly did we end up here?

In recent months I was frequently asked to talk about some next-level JavaScript (mostly ES6 and the JavaScript-of-things) & DOM technologies (i.e. Service Workers) on meetups and conferences in Hungary.

At one of those meetups I had a chance to present on “JavaScript’s World Domination”. In retrospect?—?five minutes of stage time might be a bit slim if you wanted to go over a bit of JavaScript history, while also touching on the incredibly vast and diverse potential just waiting to explode onto the JS-biosphere?—?yet that was the basic idea here.
Anyway, to stick to the point, after the talk someone in the audience asked me the question:

“Why hadn’t you mentioned Netscape’s 
original server-side JavaScript solution?—?but instead 
pointed out node.js as “How it all started”?

Well (apart from the obvious time constraint involved) this was a fair question?—?even though I think it was based on the wrong assumption of what “How it all started” referred to. I thought this might have deserved a bit more elaborate answer than the one given, which was something like:

“While node wasn’t the 
first server-side JavaScript solution, it certainly was a turning point with regard to 
how JavaScript’s used today”.

Server-side JavaScript in itself would be a topic that would have barely fit in its own five-minute talk?—?but here, what I meant is that with node.js a new era has begun for JavaScript?—?and this new era was about so much more, than just server-side JavaScript! But well, let’s not get ahead of ourselves…

Accidental JavaScript

David Linden’s original,“The Accidental Mind”reimagined

When someone starts off to learn the ropes of the ECMAScript standard, (s)he is bound to learn a lot?—?not just about the future of JavaScript, but (in order to fully understand the editors’ motivations and constraints) its history, too. This was the exact thing that happened to me, as I’ve slowly pieced together the fragments of the JavaScript lore, it became apparent that this was a language with a lot of “baggage”?—?one with quite a few skeletons in various closets to uncover.
JavaScript is a kludge?—?most of you reading this will be well aware of its anecdotal hasty inception, by its creator Brendan Eich. However (and this is important) this isn’t necessarily a bad thing!
JavaScript is a kludge in a way our very brains are?—?in its advances being more evolutionary than revolutionary, hogged by all the cruft accumulated during its early days that it just could not afford to dispose of?—?but in the meantime, thriving both in numbers and in finicky smart additions that cover over its ancient aspects.

Before we go on a trip down memory lane, to start our Civilization-esque journey of JS-evolution, here is a bit of glossary of JavaScript-monikers and early history, just to get these things out of the way:

JavaScript is the name you most likely are familiar with?—?the name that stuck, but which is basically a marketing-stunt to ride Java’s fame, as early on Netscape’s browser-scripting language it refers to was called LiveScript. Heck, if you’ve spent enough time around Brendan Eich, you may even heard how they wanted to call it “Mocha”.
Netscape of course couldn’t get away with being the sole browser offering in-browser client-side scripting?—?Microsoft’s Internet Explorer sported its very own interpreted script language, called JScript. This of course was enough for trouble and incompatibility arise and plague the lives of contemporary “web designers”, so Netscape, Microsoft and the European Computer Manufacturers Association (now Ecma International) went ahead to standardize browser scripting under the name?—?you guessed it?—?ECMAScript.

ECMAScript 2015 Release Candidate 1 (via Allen Wirfs-Brock)

Then popped up several languages, themselves based on the ECMAScript standard?—?probably the most widely-known being flash’s ActionScript. Other than that, quite a few languages since then extended JavaScript in ways (like CoffeeScript orTypeScript), while the language itself evolved, incorporating the best ideas into the core. ECMA (more specifically, TC39) has released several editions of the base standard since then?—?ECMAScript 5.1 being the most recent (stable) one, while ECMAScript 2015?—?or as it was previously known HarmonyES.Next or simply the 6th edition (ES6)?—?is in the Release Candidate 3 phase and is slated for approval by the ECMA general assemblyin June.

Occupying the browser

With this post I am not in the market of selling ES6‘s advances?—?there are a lot of great sources one could find to learn on the upcoming cool features and extensions?—?however I think we could agree on the fact that JavaScript has pretty much dominated the browser market. There aren’t a whole lot of client-side languages in browsers today, and that’s for a reason: VBScript was dropped in IE11 and Google is still trying to shoehorn Dart into the web (well, that mostly means, Chrome)?—?with not much success.
Besides those two basically all that remains are compile-to-js & JavaScript-superset languages, which, at the end of the day, are really just pushing JavaScript’s agenda forward. Heck, JavaScript even compiles to itself?—?withtools being able to transpile the new functionality in ES6 into previous versions of the standard for backward compatibility.

Suddenly?—?a wild JavaScript appears

As JavaScript was becoming more-and-more ubiquitous as it was accumulating developer mindshare, it started popping up in weird and unexpected parts of the IT-field: initially, this was just the corners of the web previously untouched by the JS-pandemic, but soon after that, JavaScript was all over the place. There were essentially two (more-or-less) well-known laws in the IT community that contributed to (predicted, even) JavaScript’s world domination.

Moore’s Law

I don’t think computing’s most essential law needs any explaining to anyone who got this far in reading this article: Moore’s law has been generalized in several ways, how it is really about “exponential progress, in the wake of tiny revolutions and paradigm shifts”?—?but regarding the JavaScript world domination we are interested in its raw aspect: explosive growth of brute computing power in an ever-shrinking package.

Moore’s Law explained (by Ray Kurzweil, via Niv Dror)

What these seemingly unstoppable technological advances made possible: they made performance less of a sensitive aspect when developing applications. In a software ecosystem, performance is just one aspect?—?developer mindshare (programmers familiar with the language & environment), available tools and libraries, openness & onboarding cost are all very real constraints one has to deal with. Back in the days where megahertz’ and kilobytes were of scarce serving JavaScript’s suboptimal nature was a much bigger hindrance, than in today’s amply-powered cheap devices.
Moore’s law was what made the mobile web possible?—?while in the meantime JavaScript taking a stab on the server-sidedesktop & mobile operating systems, eventually seeping into the tiniest microcontrollers.

Netscape’s original Client+Server-side JavaScript architecture

Serve your script, and eat it too

As mentioned above, node.js wasn’t the first time JavaScript has wandered server-side?—?Netscape has offered server-side JavaScript execution in its Enterprise Server as early as 1994, right after the language’s inception.

But it didn’t stick.
Why? Well mostly because it was a serious pain in the bum using it. For one thing?—?it wasn’t live at at all, the application had to becompiled after the slightest modification.
Of course, just because it didn’t work out for Netscape, that doesn’t neccessarily mean server-side JavaScript is doomed, so various solutions to the same issue kept popping up.

Helma & Narwhal were one of those projects. Helma?—?now abandoned (rather, spun out into Ringo.js)?—?was running Mozilla’s Java-based JS-engine,Rhino, while Narwhal theoretically supported several different JS-backends. Both of those frameworks found their respective niches?—?but neither of those found widespread popularity?—?that could be chalked up for several of their shortcomings, but before we get there, there is one more thing we need to mention: the DOM.

DOMinating the JavaScript World

When Microsoft and Netscape released their respective scripting-enabled browser offerings, they started standardizing the programming languages?—?which effort was to become ECMAScript later. However, web browsers (even back then) were not just empty shells?—?nice facades for a script console. Web browsers comprised a full environment (an operating system of their own, so to speak), of which JavaScript(/JScript) was just a tiny fragment?—?every time one needed to interface with some of the browser’s features (like the HTML markup of the document itself, or the styling of the nodes) one needed an API for that.

Internet Explorer’s dHTML (from the book“Developing XML Solutions” via flylib.com)

Both Netscape Navigator and Internet Explorer went on to introduce their own (of course, incompatible) API-s for accessing the document object model, which eventually went on to be standardized separately and became the DOM standard. The DOM is supposed to be supplying bindings?—?both language and platform-independent?—?to the features exposed in a browser (or more broadly, by the environment), and has evolved just es ECMAScript evolved, in standards released by W3C in tandem.

Basic schematic of theDOM?—?image via James Padolsey

Eventually, besides the DOM several other features and extensions emerged, some of which went on to be standardized and accepted cross-browser, some of which remained confined to a single browser vendor or environment. Such efforts are continuously being worked on as of today (one particular cooperative effort being the Service Worker specification), and are even encouraged, as a means of extending the web and keeping it up to speed with technological advancements.

Why all the above is relevant? Well, for once it is often confused and was nice to get that misunderstanding out of the way?—?but more importantly, is because while all client-side JavaScript solutions at this point had somestandardized environment-accessing API-s, all the above server-side solutions were vastly incompatible in their ways (i.e. accessing a file’s contents on the server). There were attempts trying to weld the two technologies together before (one such unlikely hybrid was Jaxer, running a fairly complete Firefox instance, complete with browser DOM on the server-side?—?but even it had its own way of dealing with lots of the environmental factors), but for really useful outcomes of this hybridization, we still had to wait for node.js to arrive.

Enter node.js

Whoah, I have sure preached quite extensively about node up to this point (not that I have any particular interest in selling it to anyone), but hopefully I have managed give a fair preface to:

Why was node.js a big deal?

It just happened to be
in the right time, at the right place.

JavaScript speed increase during the browser vars (via Brendan Kenny)

The browser-wars were raging, JavaScript execution speed was tenfold ahead of anything anyone has ever seen before?—?and due to the fierce competition, was still steadily increasing… and yet,
Ryan Dahl, the creator of node.jswasn’t even trying to shoehorn JavaScript into a server environment.
Au contraire, admittedly he just stumbled upon the mighty V8 engine while researching event-driven server techniques?—?JavaScript just happened to be a nice fit to evented, non-blocking I/O, and a single-threaded event-loop based environment.

A-synchronicity

Even though the idea of asynchronous, non-blocking/evented I/O wasn’t new at all, event-driven web servers were not all that abundant. Event-driven server origins go as far back to as 1999, the nascent Flash (no, notthat flash) server used this technique?—?but other server-side solutions using the same paradigm are on quite short order. In fact, (and please correct me if I’m wrong), node.js actually predates the single other relevant solution I could find, the Tornado web server (written in Python) by at least half a year.

Pointed out by Alexandre in the comments?—?the Nginx server was also event-driven (which actually is mentioned in Ryan’s original presentation, pitching it against Apache’s threaded system), however I would argue that it is much less powerful/flexible for this to count as fair comparison.

Also pointed out by several readers, the Twisted Framework (written also in Python) was an event-driven async networking framework, which well predates node’s release. One could argue whether Twisted fits the above argument or not, but certainly is a valid point?—?thanks for pitching in!
(Twisted also has 
extensive interoperability with above mentioned Tornado web server which I think better fits node, but that’s simply personal opinion)

Gathering a Commonity

Node was the first server-side JavaScript solution to gather a sizable community (on several different levels). Releasing it as open-source software, contributions flowed in (arguably not at a pace that was satisfactory for some, but well, it was a start), adopting CommonJS as the interoperability platform in node (and thanks to npm), the developer ecosystem thrived (Narwhal/RingoJS both utilized the CommonJS standard?—?but neither could pull of anything like what the advent of node.js and npm spurred).

The arrival of IO.js in early 2015 has further extended and revitalized the community around node, contributions soared sky-high like never before as the open-governance model selected by the fork’s authors started to do its magic:
in a few months, the number of active contributors has overtook that of the early node.js days, and localization teams took the community to new places.

“Okay, okay?—?node.js breathed new life into server-side programming, it is our savior, a fearless knight in shining armor, yadda-yadda?—?I get it, sheesh…”?—?well yes, but it didn’t even stop there!

Extending the chain of command

Node also made it trivial, to embed JavaScript in a cross-platform way into… well practically anything. It all started with the command line, and at a blink of an eye JavaScript based scripting and tooling was zapped into the world.

Node.js and the myriad of tools it has spawned has made cross-platform task automation a breeze, extending the JavaScript tooling leaps and bounds beyond what was possible before.

Easy to use, extensible, and available for all relevant platforms GruntGulp & co. extended the tooling put around not just JavaScript and the web, but any conceivable platform (did you know Photoshop had its own scriptable node.js instancebuilt in?).

Also, what Jaxer couldn’t pull off (an embedded browser with DOM), came almost naturally to node?—?first via the help of PhantomJS, and not long after that with JSDOM adding JavaScript-native first-class support for accessing the DOM in node.js?—?automated client testing for web content was reinvented in a familiar package (check out Domenic Denicola’s superb talk on JSDOM and its motivations!). And even that wasn’t enough, and after conquering the browser, the server and the command line?—?node went for an even bigger fish in the fishbowl: desktop apps.

A NW era

Thanks to the speedups of JavaScript and advances in HTML5/CSS web technology, HTML5 apps are all the rage?—?and most of the time they run at ample speed on a common low-to-moderately specced device. As node.js brought a myriad of API-s to access low-level (such as filesystem and networking) operating systems primitives?—?it was only trivial to expose these primitives to a web rendering context instance?—?since both Chromium and node.js used V8 as their JavaScript engine, melding the two together was a no-brainer: this was how node-webkit (now named NW.js)was born.

Atom Editor’s interface (all in its pure HTML5-glory) could match any of the contemporary native-code editors’

Node-webkit spurred a whole knew class of new desktop projects into existence, and after Cloud9 IDE successfully wedded node.js and web technologies in what became a state-of-the-art Integrated Developer Environment, projects like Brackets and ATOM brought the experience to the desktop (while keeping best of both worlds?—?cross-platform interoperability, extensibility?—?intact).

Harder, Better, Faster, Stronger

While JavaScript was becoming more-and-more sophisticated and powerful (thanks to the work of TC39 on the ECMAScript standard), and ever- increasingly ubiquitous (reaching farther-than-ever thanks to node.js et al.), its evolution didn’t seem to stop, not even slowing down.
JavaScript was bound to become even faster while, in the meantime also shrinking smaller and smaller.

Okay, JavaScript?—?sooo…
Browsers? Done. Servers? Easy! Mobile? Like a glove! Desktop? Done & dusted!Anything else you might want to try?
Well what about IoT?

The JavaScript of Things (based on the image at the blogpost by ayza)

The JavaScript of Things

Well, this idea of the “internet-of-things” is quite popular nowadays, one might say. Smart watches, smart lighting, smart heating, smart houses; internet-connected fridges and washing machines and electric kettles?—?you name it.

But these are small, limited power devices, tiny chips with tiny memories, also with tiny power supplies?—?such a resource-hog, power-hungry language like JavaScript shouldn’t be driving these, no?
Well, think again! An era of the JavaScript of things is closer than you might imagine.

A fiery fox to the rescue

A few years ago no one would have thought a low-power, cost-conscious mobile device based on web technologies would be even possible?—?and yet Firefox OS has proven that it was not simply possible, but very much feasible by releasing ~15 different Firefox OS-powered devices in about ~30 countries in the last two years.
All these devices are internet-capable touchscreen, full-blown smartphones?—?yet some of them selling for as low as ~$33 USD, proving that JavaScript and web technology is still rather far from hitting its limits yet.

It is so far from said limits, actually, that Samsung decided on using it on itssmartwatch platform, based on the Tizen operating system?—?while at the same time, approaching Ecma International’s TC39 with the idea of standardizing a mobile-conscious, even more prudent subset of the language to be used on the smallest scales of devices.

While we don’t know what has came out from Samsung’s proposal?—?embedded JavaScript is a very lively topic of its own. Mentioned both in Samsung’s original pitch, Technical Machine’s Tessel and the Espruino.
Before I dive into the details of creating a JavaScript solution for a highly resource-constrained hardware like those above, I would like to introduce to the second law I wanted to share with you:

“Any application that can be written in JavaScript,will eventually be written in JavaScript.”
— Atwood’s Law by Jeff Atwood

I won’t try to over-explain the above law (it’s pretty self-explanatory, anyway), but will try to show it in the works in the remaining part of this article.

Minuscule Scripts

JavaScript at its core is an interpreted language. This means, that it is ran by evaluating its source code just before executing it. Of course, various optimizations could be percieved to ease and speed up JavaScript execution?—?one of the most basic (and also very powerful) one is parsing the source and building an AST, an Abstract Syntax Tree. An AST is a representation of the source code that’s much easily traversed by the interpreter?—?source code is still not compiled beforehand, but executed on the fly, but the overhead of parsing (and re-parsing) and tokenizing the source code is avoided. This is an obvious gain, without much drawbacks?—?that is exactly why nearly all JavaScript engines use this method. There are even some tokenizers written in JavaScript itself (like Esprima) that could be used to view and fiddle with this intermediary state, that could be used for several interesting use cases like transpiling and code-completion.
There is one small problem with this approach?—?besides the initial processing requirement, memory space is required to store the AST so it could be executed. For most of the applications this should not be a limiting factor, but when we get down to as low as the sub-megabyte memory capacities of microcontrollers, this arises as a serious limitation.

Espruino’s next generation, the Pico?—?slated for release in May

The Espruino

The above issue was exactly what Gordon Williams, creator of the original Espruino faced?—?a consisting of a single microcontroller with 64 kilobytes of memory?—?executing JavaScript. Compiling or parsing to AST was not an option on such a low-memory device (some of the standard’s requirements must have been lifted, too, like Unicode-support because of the limited memory capacity). For that reason, code on the Espruino executes from the source itself, parsed and executed on the fly! This, of course, comes with quite a few peculiarities that should be taken into account?—?like white-space affecting the speed at which the code runs on the Espruino!*

The upcoming new iteration of the Espruino, the Espruino Pico will have a tiny bit more memory at its disposal (96KB), but even that is not that much, either for this issue to be adequately solved. For these reasons (code size & compatibility) Espruino boards might be programmed via the familiar JavaScript language, could still remain dynamic (=interpreted on the fly), but are unable to take advantage of much of the rich ecosystem that JavaScript could offer.

The original Tessel (via Technical Machine’s Instagram)

The original Tessel

For some of these reasons, stated above the great folks developing Tessel atTechnical Machine choose a different approach. The Tessel had ample RAM (32MB) at the disposal of the JavaScript interpreter?—?however the Cortex M3 microcontroller that drives the whole machinery has about 200KB of memory, which makes it quite difficult to run any high-level JavaScript interpreter on it.
There was, however, one language that was begging to be embedded from the very beginnings: Lua. Lua itself is a programming language that closely resembles JavaScript, so writing a compiler that translated the JavaScript source to Lua and executed the translated code on the very compact Lua virtual machineon the microprocessor of the device sounded like an epiphany.
For the above reason, Tessel was to be “node-compatible”, which meant it was able to run most of the modules straight out of npm, without much hassle (provided they didn’t have any binary dependencies?—?but that’s another story).

The above concept worked in some places, and failed in some others, but it most of the time got the job done?—?yet Tessel’s strong suite wasn’t its JavaScript compatibility or performance anyway: it was its plug-n-play nature. One could order pre-manufactured extension modules from the website and simply by typing the module identifier into an npm install command, they could be accessing the additional hardware in 5 seconds via simple JavaScript call(back)s. This extensibility and modularity should be the next step to conquer as we approach standardizing extensibility on the web. Now before we march on to review Tessel’s second iteration, I think we should take a little detour back into Firefox-OS-land:

Firefox OS’s twisted twin brother: Jan OS

Well Jan OS is a strange animal! Invented by the crazy dutch, Frankenstein of Amsterdam Jan Jongboom?—?it is neither a phone (any more), nor a microcontroller platform (yet)?—?but a bit of both.

Jan OS is based on (it’s a fork, if you will) the Firefox OS source code, and focuses on the hardware and sensors. The same sensors and modules you could buy for hundreds of dollars as addons to your Tessel, here come pre-soldered to a highly compact and power-conscious IT board (that you got for a few tens of bucks, but back then they called it a phone).

The whole of all these sensors and circuitry fits an IC-board smaller than a credit card!

With Firefox OS’s (dead-simple) hardware API’s all right there, by stripping the unneeded cruft and the UI (GAIA) and security/permission mechanics (basically rooting the phone) you get a highly optimized, cellular-network-connected, low-power internet-of-things board that with an ample power supply you could stuck out in the wild and have it transmit images for awhole month!

What happens here, is that you are basically running a slim, mobile-optimized Linux kernel (Firefox OS’s kernel, Gonk is based on the AOSP kernel), with Mozilla’s Gecko engine (including the SpiderMonkey JavaScript engine it comes with?—?with all optimizations, bells-n-whistles you would get on the mobile or desktop browser?—?hellooooh, Jaxer!), but with the addition of WebAPI-s for accessing the mobile chipset, wifi, FM radio(!), sending SMSes, initiating calls or capturing gyroscope data!

Also, it would soon become clear why I chose to plug this paragraph before we talked about Tessel 2?—?as I add, there is even support (in both Firefox OS and Jan OS) for the Raspberry Pi.

Tessel 2?—?hardcore prototyping

Two Tessels connected to the USB ports of a Tessel 2

The second iteration of Tesselpositions itself on the sweet spot of all those hardware mentioned above: It is nearly as powerful as the Raspberry Pi, it is much cheaper than the original Tessel was (less than half the price!), it is just as modular and extensible as the first one was (heck, it even got better with the inclusion of two standard USB ports!)?—?and last, but not least, runs a tiny Linux kernel and io.jsleveraging the full power, speed and ecosystem node/io.js has to offer, while in the meantime doing away with compatibility issues once and for all!
Well that’s already nice?—?but the best thing is yet to come?—?you could use the Tessel 2 to prototype your product, and also to bring it to market?—?as, if you so choose, you could order a bunch of pre-fabricated Tessel 2-s, with integrated module boards and put it right into your final product!

The “Fractal” conceptfrom the docs

Technical Machines’ “Fractal” concept makes the above scenario even more tempting?—?taking modularity and prototyping to a whole new level, by using seamless interactions between JavaScript-driven and performance-sensitive close-to-the-metal compiled modules.

Performance-sensitive you say? Close to the metal? Let’s dive a bit further into the wizards’ den, see what JavaScript’s future has on offer…

Way ahead of its time:
JavaScript Droids from the Future

ASM.js is not a new technology. Well?—?it’s not really even a technology, but rather bunch of iterative optimizations that in the end just happened to be easily optimized and, well, simply running really fast?—?it is more like a kind ofguided evolution, if you wish. Already mentioned before some optimizations, like the AST, which help JavaScript performance-wise. The AST is used to speed up the interpreter and make runtime execution speedier?—?but nobody said that a this is the only way JavaScript could be executed.
The keyword here is: compilationJust-in-time (JIT) compilers have been widely known and used since the earliest days of interpreted languages?—?and JavaScript is no different (however, for dynamically typed languages like JavaScript, JIT-ting does have its fare share of quirks and pitfalls).

Structure of SpiderMonkey’s JIT in Firefox (via Luke Wagner)

Optimizing hot code (like long loops or frequently called functions), by compiling it to directly executable machine code instructions could result in sizable gains in execution performance. What ASM.js tries to achieve is to make AOT (ahead-of-time) compilation of swaths of JS source possible by defining an intermediary JavaScript subset-syntax that makes it possible to compile the JavaScript source, well before execution into type-safe machine code while achieving predictable performance by eliminating managed memory and garbage collection altogether.

Also coming to JavaScript?—?support for native SIMDinstructions (image via Intel OpenSource blog)

There is also a second, no less important goal to ASM.js?—?establishing JavaScript as a fast target-language. Compile-to-JS tools, like Emscripten orGWT have existed for quite some time before ASM.js, and as the habit of compiling low-level langueages into JavaScript persisted, engines started optimizing for the kind of source code these compilers emitted. ASM.js is the natural continuation (I am trying not to over-use the word “evolution” as you might notice…) of this effort, by defining a common “language” (a standard syntax format) that makes the output of these tools comparable, more easily optimizable and perhaps a bit more readable (not that anyone would want to do that to themselves, anyway).

Look Ma’?—?a time machine!

The results? Well, certainly awe-inducing?—?whether one talks about the thousands of MS-DOS games running nothing but a browser, thanks toarchive.org’s collected library, or the wonders of 3D graphics that contemporary tools with built-in HTML5 (WebGL/JavaScript/ASM.js) output produce (like the Unreal engine or Unity):

Unity 5‘s HTML5 export demoed at GDC2015

视频演示:https://youtu.be/2v6iLpY7j5M

With browser support expanding, these wonders are reaching more and more users on the web every day, bringing high-performance games andeven physics simulation into browsers and to the open web.
Speed, however is not the only concern?—?sometimes size (see above, for the Espruino) is just as important?—?if not more important?—?that’s where our tiny script engines come onto the stage.

TinyScript?—?the Davids to your
JavaScript Goliaths

Mentioned earlier, Lua has been readily and frequently used embedded in other software products to provide extensibility/scripting to its host software. This was, in part due to its simplicity and extensibility?—?and in part because of its small footprint.

Unfortunately for JavaScript (while being equally simple, quite extensible and certainly well-known)?—?size has been always an issue for JavaScript engines, so it didn’t achieve great adoption… yet. Based our learnings and assumptions of the Espruino engine, we might feel compelled to say that “a fast and standards-compliant JavaScript just can not be squeezed into such a small footprint these applications would require”?—?but again, we would be wrong.

Fast-forward to 2015, enter muJS and Duktape?—?two tiny JavaScript interpreters built for just those purposes mentioned above! Clocking in at ~200KB compiled size, they are light-weight and easily embeddable in any product (or microcontroller, for that matter!): the Duktape engine could be slipped onto a small embedded system with 256KB of flash storage and as low as 96KB of RAM and would hum along nicely!

The Atomic Game Engine uses Duktape for embedded scripting

Sporting all the bells-and-whistles a modern JS-interpreter should have (garbage collector, unicode support, RegEx engine?—?you name it) and ECMAScript standard compliance these tiny powerhouses are no small feat of engineering?—?and are already being used, such as in gaming engines like the Atomic Game Engine?—?and has started to seep closer to the metal in software like the IoT framework “AllJoyn.js”.

Tilmann Scheller at Samsung has also evaluated the fitness of the Duktape engine for baremetal microcontroller use, and his results are also very promising.

Takeways?

Actually I don’t think there is anything else (besides all those points already mentioned above).

One thing seems pretty clear, though: JavaScript is not going away anytime soon?—?so one might as well learn a thing or two about it. Just in case.

Actually…

There indeed is one more thing. Seeing people on all over the web chanting the old slogan (even those who actually read the article above):

“Well JavaScript is still butt ugly & unusable,
it is a disgrace of a language and will surely remain so!”

To those people: not to worry, give it a few years and JavaScript is destined to be practically extinct?—?dead as a dodo!
Whaaat?!
After all this preaching why on Earth would anyone say that? I am truly sorry, but you will have to see Gary Bernhardt’s prophetic talk to find out:

The Birth and Death of JavaScript

Hint: Steven Wittens’ previously linked article on ASM.js also has some pointers.

* in fact V8‘s “Crankshaft” optimizing compiler has similar peculiarities that arise from code size, because it chooses to inline functions based on their text-size (and that includes white-space and comments, too!).

时间: 2024-07-31 04:46:00

The JavaScript World Domination的相关文章

Javascript中call的使用

call 方法应用于:Function 对象调用一个对象的一个方法,以另一个对象替换当前对象.call([thisObj[,arg1[, arg2[,   [,.argN]]]]])参数:thisObj 可选项.将被用作当前对象的对象. arg1, arg2, , argN 可选项.将被传递方法参数序列. 说明:call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象.如果没有提供 thisObj 参数,那么 G

你不知道的javascript 之 >>

?远大于符号 在数学公式中,">>"代表远大于符号,表示一个数远大于另一个数,如76>>3,-2>>-99等.庞加莱与波莱尔1901年首先使用了它,很快被数学界所接受,沿用至今. 折叠编辑本段右移运算符 在许多计算机编程语言(例如:C语言.C++语言.Java语言.JavaScript语言.Pascal语言等)中,">>"代表右移运算符,就相当于"shr".该运算符为双目运算符,结合方向为从左到右,

初识JavaScript

JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.因为JavaScript兼容于ECMA标准,因此也称为ECMAScript. ECMAScript,描述了该语javascript组成言的语法和基本对象. 文档对象模型(DOM),描述处理网页内容的方法

最全解析如何正确学习JavaScript指南,必看!

划重点 鉴于时不时,有同学私信问我:怎么学前端的问题.这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了. "前端怎么学"应该因人而异,别人的方法未必适合自己.就说说我的学习方法吧:我把大部分时间放在学习js上了.因为这个js的学习曲线,先平后陡.项目实践和练习啥的,我不说了,主要说下工作之外的时间利用问题.我是怎么学的呢,看书,分析源码.个人这几天统计了一下,前端书籍目前看了50多本吧,大部分都是js的.市面上的书基本,差不多都看过. 第一个问题:看书有啥好处

JavaScript数据类型检测

一.JavaScript 数据类型 1.基本数据类型(6种) Undefined Null Boolean Number String Symbol (ES6新增) 2.引用数据类型: Object 二.数据类型检测 1. typeof 可以检测除null 外的基本类型.null 和所有对象的typeof都是"object", 不能用于检测用户自定义类型. 比如Date, RegExp, Array, DOM Element的类型都是"object". var s

JavaScript的进阶之路(二)函数简介,变量、作用域和内存问题

<h3>ECMAScript中函数不存在函数签名的概念,没有重载</h3><h3>无需指定返回值,可以在任何时候返回任何值.未指定返回值的函数,返回的是一个特殊的undefined值</h3> <script type="text/javascript"> function sayHi(){ console.log("Hi"); }; sayHi(); function sayName(name,age){

JavaScript 二进制的 AST

本文和大家分享的主要是javascript中二进制的 AST相关内容,一起来看看吧,希望对大家学习javascript有所帮助. 背景介绍 多年来,JavaScript 已经从最慢的脚本语言之一,从老爷车发展为兰博基尼,不管是通过 Web 浏览器还是其他环境.它都能够快到可以运行桌面.服务器.移动甚至嵌入式应用程序. 随着 JavaScript 的增长,应用程序的复杂程度和规模都越来越复杂.然而,二十年前,少数使用过 JavaScript 的网站也就加载几千字节的 JavaScript,许多网站

JavaScript 对象

JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 建 JavaScript 对象 通过 JavaScript,您能够定义并创建自己的对象. 创建新对象有两种不同的方法: 定义并创建对象的实例 使用函数来定义对象,然后创建新的对象实例

实现一个函数clone,使JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制

实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number.String.Object.Array.Boolean)进行值复制. 1 /** 对象克隆 2 * 支持基本数据类型及对象 3 * 递归方法 */ 4 function clone(obj) { 5 var o; 6 switch (typeof obj) { 7 case "undefined": 8 break; 9 case "string": o = obj + &q