Advanced JS

Facebook Twitter

Translations/fr_FR at master · rwldrn/idiomatic.js. Javascript : Style et Bonnes pratiques.

JS library

Voyage au coeur de JavaScript (ECMAScript 3) Named function expressions demystified. Introduction Surprisingly, a topic of named function expressions doesn’t seem to be covered well enough on the web.

Named function expressions demystified

This is probably why there are so many misconceptions floating around. In this article, I’ll try to summarize both — theoretical and practical aspects of these wonderful Javascript constructs; the good, bad and ugly parts of them. Closures. Closures are functions that refer to independent (free) variables.


In other words, the function defined in the closure 'remembers' the environment in which it was created in. Consider the following: function init() { var name = "Mozilla"; function displayName() { alert (name); } displayName(); }init(); Creating your own JavaScript Library. One of the phases I went through while learning about JavaScript was the intense desire to write my own library, similar to jQuery (but massively scaled down).

Creating your own JavaScript Library

My library has gone through several major revisions — and more than one complete re-write, but now is exactly what I started out hoping it would be: functional, clean, small, and a solid learning experience. I’d like to share what I learned from this project, and I hope you share back with me through the comments! Finished project demo. Seven JavaScript Things I Wish I Knew Much Earlier In My Career. Advertisement I’ve been writing JavaScript code for much longer than I care to remember.

Seven JavaScript Things I Wish I Knew Much Earlier In My Career

I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Here are some of the “aha!” JavaScript Learning Roadmap. Encapsulation in JavaScript. Download source code - 116 KB Introduction Encapsulation is one of the main concepts in object oriented programming.

Encapsulation in JavaScript

It allows an object to group both private and public members under a single name. All the object oriented programming languages support this. Since JavaScript is also an object oriented programming language, it supports it too. Extending JavaScript Objects and Classes. Summary You can dynamically create properties and methods of existing objects through simple assignment.Using the prototype property of intrinsic JS Objects, you can extend the functionality of the very objects you know and love in ways that can make your coding far easier.

Extending JavaScript Objects and Classes

Table of Contents Background — Objects in JS In JavaScript, objects can have properties dynamically added to them. Extending JavaScript Objects and Classes. Summary It is occasionally necessary to create custom unique functions on the fly in JS code at run time.

Extending JavaScript Objects and Classes

This article details the various ways functions may be created on the fly. Ways of defining a function. OOP in JS, Part 2 : Inheritance. In Part 1 we saw how to create classes in JS, including private, privileged, and public properties and methods.

OOP in JS, Part 2 : Inheritance

This section discusses inheritance in Javascript. Summary You cause a class to inherit using ChildClassName.prototype = new ParentClass();. You need to remember to reset the constructor property for the class using ChildClassName.prototype.constructor=ChildClassName. You can call ancestor class methods which your child class has overridden using the method. OOP in JS, Part 1 : Public/Private Variables and Methods. This page shows how to create private variables and methods in "classes" in Javascript through the rather simple example of a person.

OOP in JS, Part 1 : Public/Private Variables and Methods

(This is really a very rough approximation of the classical OOP pattern, and not necessarily a "best-practice" for JavaScript programming.) Part 2 covers inheritance. Summary. Simple JavaScript Inheritance. I’ve been doing a lot of work, lately, with JavaScript inheritance – namely for my work-in-progress JavaScript book – and in doing so have examined a number of different JavaScript classical-inheritance-simulating techniques.

Simple JavaScript Inheritance

Out of all the ones that I’ve looked at I think my favorites were the implementations employed by base2 and Prototype. I wanted to go about extracting the soul of these techniques into a simple, re-usable, form that could be easily understood and didn’t have any dependencies. Additionally I wanted the result to be simple and highly usable. Here’s an example of what you can do with it: Classical Inheritance in JavaScript. Douglas Crockford And you think you're so clever and classless and free — John Lennon JavaScript is a class-free, object-oriented language, and as such, it uses prototypal inheritance instead of classical inheritance.

Learning JavaScript – Lesson 3: Basic Object Types.