Questions tagged [javascript]

JavaScript is a dynamic, object-based, duck-typed, prototype-based, weakly typed language traditionally used for client-side scripting in web browsers. javascript can also be run outside of the browser with the use of a framework like node.js, nashorn, wakanda, or google-apps-script. Despite the name, it is unrelated to the Java programming language and shares only superficial similarities.

Unless a tag for a framework or library is also included, a pure JavaScript answer is expected for questions with the javascript tag.

JavaScript runs on nearly every Operating System, and an engine is included in mainstream web browsers. Developed in 1995 by Brendan Eich at Netscape Communications, it was originally called LiveScript but was renamed to JavaScript due to Netscape's friendly relationship with Sun Microsystems at the time.

Standalone JavaScript engines or interpreters are available as well, including:

• Mozilla's spidermonkey, the first JavaScript engine ever written, currently used in Mozilla Firefox.
• v8, Google's JavaScript interpreter, used in Google Chrome.
• google-apps-script, a cloud-based / server-side interpreter that provides programmatic "macro-like" control of Google Apps services and documents.
• node.js, built on top of v8, a platform which enables server-side applications to be written in JavaScript.
• Windows includes jscript, a JavaScript variant in Windows Script Host.
• Mozilla also offers rhino, an implementation of JavaScript built in Java, typically embedded into Java applications to provide scripting to end users.
• webkit (except for the Chromium project) implements the javascriptcore engine.
• actionscript (originally derived from HyperTalk) is now an ECMAScript dialect and uses a lot of ECMAScript APIs.
• duktape Embeddable, portable ECMAScript engine in C with small memory footprint.
• wakanda a framework, IDE, and Server built on v8 supporting server-side JavaScript
• meteorjs A Meteor application is a mix of client-side JavaScript that runs inside a web browser or PhoneGap mobile app, server-side JavaScript that runs on the Meteor server inside a Node.js container. (according to MeteorJS docs )

The Mozilla Developer Network contains high-quality documentation on JavaScript.

JavaScript is typically used to manipulate the Document Object Model (DOM) and Cascading Style Sheets (CSS) within the browser. This allows user interface scripting, animation, automation, client-side validation, and much more.

With the recent emergence of platforms such as Node.js, JavaScript can now be used to write server-side applications. In addition, it is also used in environments that aren't web-based, like PDF documents, site-specific browsers, desktop widgets etc.

Nomenclature

Although it was developed under the name Mocha, the language was officially called LiveScript when it first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript when it was deployed in the Netscape browser version 2.0B3.

The change of name from LiveScript to JavaScript roughly coincided with Netscape adding support for Java technology in its Netscape Navigator web browser. The final choice of name caused confusion, giving the impression that the language was a spin-off of the Java programming language, and the choice has been characterized as a marketing ploy by Netscape to give JavaScript the cachet of what was then the hot new web programming language.

People often use the term JavaScript informally. The language and the term originated from Netscape. ECMAScript, JavaScript, and JScript are terms that are easy to confuse.

ECMAScript was developed as a standardization of Netscape's JavaScript and Microsoft's independently-developed JScript. The canonical reference is the ECMAScript® 2015 Language Specification. While JavaScript and JScript aim to be compatible with ECMAScript, they also provide additional features (and other deviations) not described in the ECMA specifications. Other implementations of ECMAScript also exist.

The differences today for those who use JavaScript are negligible; people generally do not distinguish the JavaScript and JScript variations from ECMAScript.

ECMAScript versions

Most modern browsers implement JavaScript based on the ecmascript-6 specification, although some fail to implement some ES6 features. However, older browsers such as Internet Explorer 8 implement the ECMAScript 3 specification, which does not contain functions such as Function.prototype.bind and even JSON.parse, amongst others.

The current version of ECMAScript is version 7 (ecmascript-6), properly known as ECMAScript 2016, which was finalized in June 2016.

When asking a JavaScript question, you should:

1. Debug your JavaScript code (see Creativebloq, MDN, Google, & MSDN).
2. Isolate the problematic code and reproduce it in a Stackoverflow code snippet or an external online environment such as JSFiddle or JS Bin (remember to also include the code in the question itself).
3. If a library or framework is used, then tag the question with the appropriate tags: jquery for jQuery, prototypejs for Prototype, mootools for MooTools, and so on. However, if a framework is not used or necessary, do not include these tags.
4. Mention which browser the code is having problems on, and what error messages, if any, were thrown by the browser (use the Developer Tools for your browser (see "Useful Tools" below) to see these messages). If the question is browser-specific, use tags firefox, google-chrome, internet-explorer, opera, safari, microsoft-edge,etc.
5. Only tag the question as css or html if you are asking about an issue that concerns the combination of one of those with JavaScript and could only be answered with information specifically regarding either of those subjects.

Learning JavaScript

• Eloquent JavaScript: A Modern Introduction to Programming
• You don't know js: An in depth book series covering all main topics
• The MDN JavaScript Guide: A Comprehensive JavaScript Guide at the Mozilla Developer Network
• quirksmode.org - JavaScript: Good introduction to JavaScript and other technologies used in the browser (e.g. DOM).
• JavaScript Tutorial: A pure JavaScript book that covers nearly everything.
• JavaScript Tutorial & Sample Codes: A pure JavaScript tutorials and sample codes for real life problems faced in the JavaScript.
• JavaScript Core Skills from the Web Standards Curriculum
• quirksmode.org | Introduction to Events: A comprehensive description of the various types of event handling. Includes overview of different ways to attach event handlers and points out quirks between different browsers. A must-read if you want to understand event handling.
• W3C Wiki | JavaScript basics, DOM: Programming - the real basics, Creating and modifying HTML, Handling events with JavaScript.
• JavaScript Debugging for Beginners: A good introduction to debugging JavaScript. A must-read!
• Modern JavaScript: Develop and Design: A modern guide to learning JavaScript using practical examples and approaches that should be used today.
• Learning Advanced JavaScript: A set of interactive exercises that guide you through some of the fundamental concepts of JavaScript.
• Javascript Style Guide: Easy to follow guide that provides insight to styling Javascript code.
• Zeros in javascript: Easy to check what is returned when comparing two any values.
• Javascript in Polish: The most common site in polish language.

Security

JavaScript and the DOM provide the potential for malicious authors to deliver scripts to run on a client computer via the Web. Browser authors contain this risk using two restrictions. First, scripts run in a sandbox in which they can only perform Web-related actions, not general-purpose programming tasks like creating files. Second, scripts are constrained by the same origin policy: scripts from one Web site do not have access to information such as usernames, passwords, or cookies sent to another site. Most JavaScript-related security bugs are breaches of either the same origin policy or the sandbox.

Content Security Policy is the main intended method of ensuring that only trusted code is executed on a Web page.

Useful Tools

• Browser Developer Tools
  • Firebug Add-on for Firefox
  • Firefox Developer Tools for Firefox
  • Developer Tools for IE
  • Chrome Developer Tools for Chrome
  • Web Inspector for Safari
• Ways to provide live demos
  • Snippets for including live demos in questions
  • JSFiddle for testing snippets (online)
  • Plunker for testing snippets (online)
  • JSBin for testing snippets (online/offline)
  • CodePen for testing snippets (online)
  • Liveweave for testing snippets (online)
• Error detection and best practise testing
  • JSHint
• Code formatting
  • Beautifier for javascript

Interactive JavaScript learning

• Codecademy | JavaScript: Learn the fundamentals of JavaScript and dynamic programming.
• Udacity | Programming Languages: Key concepts include specifying and processing valid strings, sentences and program structures.
• Code School: Learn the fundamentals of JavaScript and dynamic programming.
• Khan Academy: Best to learn about animations.
• Codewars: Learn patterns and train on quizzes posted from community members

Wisdom from the Stack

• http://stackoverflow.com/questions/2628672/what-should-every-javascript-programmer-know
• http://stackoverflow.com/questions/61088/hidden-features-of-javascript
• http://stackoverflow.com/questions/111102/how-do-javascript-closures-work
• http://stackoverflow.com/questions/562412/return-value-from-function-with-an-ajax-call
• http://stackoverflow.com/questions/336859/javascript-var-functionname-function-vs-function-functionname
• http://stackoverflow.com/questions/1639180/how-does-the-function-construct-work-and-why-do-people-use-it
• http://stackoverflow.com/questions/500431/what-is-the-scope-of-variables-in-javascript
• http://stackoverflow.com/questions/9549780/what-does-this-symbol-mean-in-javascript
• http://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code

Useful links

• Wikipedia reference
• Native JavaScript Equivalents of jQuery Methods
• MDN JavaScript Reference
• W3C DOM Core, HTML, events and CSS compatibility tables from http://www.quirksmode.org
• JSLint Code Quality Tool by Douglas Crockford (and JSHint, a community-driven branch of the original)
• Code minifiers/obfuscators: /packer/, YUI Compressor, Google Closure Compiler, UglifyJS
• Code formatter/deobfuscator: JSBeautifier
• Idioms and Gotchas: Rounding, Date Object, Number Object, Scope Chain
• JavaScript Garden
• comp.lang.javascript FAQ: Very extensive guide on JavaScript quirks created by Usenet's comp.lang.javascript
• ECMA 262-5 Online: HTML version of the ECMAScript 5 specification.
• Annotated ES5: Annotated and hyperlinked HTML derivative of the ECMAScript 5 specification.
• Unofficial ES6 draft spec.
• ECMAScript Support Matrix: In-depth feature list for ECMAScript implementations.
• ES6 compatibility table
• JavaScript Weekly: A free, weekly newsletter curated by Peter Cooper
• Node Weekly: A free, weekly newsletter

Free JavaScript Programming Books

• Crockford's JavaScript
• Eloquent JavaScript
• You don't know js
• Essential JavaScript & jQuery Design Patterns for Beginners
• JavaScript Essentials
• jQuery Fundamentals (starts with JavaScript basics)
• Mozilla Developer Network's JavaScript Guide
• Enterprise Web Development: From Desktop to Mobile
• Learning JavaScript Design Patterns - Addy Osmani
• Patterns For Large-Scale JavaScript Development - Addy Osmani

Videos

• YUI Library
• AngularJS Channel
• LearnCode.academy
• JavaScript Planet
• Google Chrome Developer Tools
• Codeschool Javascript

Example JavaScript code

This script displays "Hello World" on your screen.

window.onload = function() {
   alert('Hello World!');
}

Demo!

Frequently Asked Questions

Find some answers to some of the more frequently asked questions about JavaScript and related technology below.

Q: I have this JSON structure, how can I access property x.y.z?
A: http://stackoverflow.com/q/11922383

Q: I'm adding events in a for loop but all handlers do the same thing, why?
A: http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example

Q: I want to compare something against multiple values, is there an easy way to do it?
A: http://stackoverflow.com/questions/13737091/concise-way-to-compare-against-multiple-values

Q: How to set up proper inheritance?
A: http://stackoverflow.com/questions/11072556/objects-dont-inherit-prototyped-functions/11072626

Q: How do JavaScript closures work?
A: http://stackoverflow.com/questions/111102/how-do-javascript-closures-work/

Q: Why does setTimeout() inside a for loop always use the latest value?
A: http://stackoverflow.com/questions/5226285

Q: How to return the response from an AJAX call from a function?
A: http://stackoverflow.com/questions/14220321

Q: Why don't my handlers hooked up in a loop work correctly, and what can I do about it?
A: http://stackoverflow.com/questions/16794707/javascript-generate-dynamically-handler/16794762#16794762

Q: How can I get query string values?
A: http://stackoverflow.com/questions/901115

Q: What does “use strict” do in JavaScript?
A: http://stackoverflow.com/questions/1335851/what-does-use-strict-do-in-javascript-and-what-is-the-reasoning-behind-it

Q: How can I make a redirect page in jQuery/JavaScript?
A: http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript

Q: How to sort an array of objects by a property value?
A: http://stackoverflow.com/questions/1129216/sorting-objects-in-an-array-by-a-field-value-in-javascript

Q: I'm adding elements with JavaScript or jQuery at a later point and adding events but they're not firing, why?
A: You might want event delegation.

Q: How can I only keep items of an array that match a certain condition?
A: http://stackoverflow.com/questions/27131984/how-can-i-only-keep-items-of-an-array-that-match-a-certain-condition

Q: How can I debug my JavaScript code?
A: http://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code

More information:

• Wikipedia on JavaScript
• MDN - Learn JavaScript
• Creator of JavaScript, Brendan Eich, explains the origin

Chat Room

• Stack Overflow chat room for JavaScript