Top 1K Features Creators Events Podcasts Books Extensions Interviews Blog Explorer CSV

JavaScript

< >

JavaScript is an open source programming language created in 1995 by Brendan Eich.

#1on PLDB 31Years Old 16mRepos
Leet Sheet · REPL · Spec · Wikipedia · Subreddit · Docs

JavaScript (), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. It is used to make webpages interactive and provide online programs, including video games. Read more on Wikipedia...


Example from Riju:
console.log("Hello, world!");
Example from hello-world:
console.log("Hello World");
// Hello world in JavaScript console.log("Hello World");
Example from Linguist:
alert("dude!")
Example from Wikipedia:
var minstake = 0.00000100; // valor base //----------------------------------------- var autorounds = 99; // n° de rolls //====================================================== // if (profit > profit_max) { // error_title = "Maximum profit exceeded"; // error_info = "Maximum profit: " + number_format(profit_max, devise_decimal); // error_value = "Maximum profit exceeded - Maximum profit: " + number_format(profit_max, devise_decimal); // error = true; // } // else if (amount > balance) { // error_title = "Bet amount"; // error_info = "Maximum bet: " + number_format(balance, devise_decimal); // error_value = "Bet amount - Maximum bet: " + number_format(balance, devise_decimal); // error = true; // } var handbrake = 1.0000000; // valor lose pause game var autoruns = 1; // else if (amount > bet_max) { // error_title = "Bet amount"; // error_info = "Maximum bet: " + number_format(bet_max, devise_decimal); // error_value = "Bet amount - Maximum bet: " + number_format(bet_max, devise_decimal); // error = true; // } // else if (amount < bet_min) { // error_title = "Bet amount"; // error_info = "Minimum bet: " + number_format(bet_min, devise_decimal); // error_value = "Bet amount - Minimum bet: " + number_format(bet_min, devise_decimal); // error = true; // } function playnow() { if (autoruns > autorounds ) { console.log('Limit reached'); return; } document.getElementById('double_your_btc_bet_hi_button').click(); setTimeout(checkresults, 1000); return;} function checkresults() { if (document.getElementById('double_your_btc_bet_hi_button').disabled === true) { setTimeout(checkresults, 1000); return; } var stake = document.getElementById('double_your_btc_stake').value * 1; var won = document.getElementById('double_your_btc_bet_win').innerHTML; if (won.match(/(\d+\.\d+)/) !== null) { won = won.match(/(\d+\.\d+)/)[0]; } else { won = false; } var lost = document.getElementById('double_your_btc_bet_lose').innerHTML; if (lost.match(/(\d+\.\d+)/) !== null) { lost = lost.match(/(\d+\.\d+)/)[0]; } else { lost = false; } if (won && !lost) { stake = minstake; console.log('Bet #' + autoruns + '/' + autorounds + ': Won ' + won + ' Stake: ' + stake.toFixed(8)); } if (lost && !won) { stake = lost * 2.1; console.log('Bet #' + autoruns + '/' + autorounds + ': Lost ' + lost + ' Stake: ' + stake.toFixed(8)); } if (!won && !lost) { console.log('Something went wrong'); return; } document.getElementById('double_your_btc_stake').value = stake.toFixed(8); autoruns++; if (stake >= handbrake) { document.getElementById('handbrakealert').play(); console.log('Handbrake triggered! Execute playnow() to override'); return; } setTimeout(playnow, 1000); return; }playnow()
The name Java in JavaScript was pure marketing: "At the time, the dot-com boom had begun and Java was the hot new language, so Eich considered the JavaScript name a marketing ploy by Netscape"
JavaScript Keywords
abstract arguments await boolean break byte case catch char class const continue debugger default delete do double else enum eval export extends false final finally float for function goto if implements import in instanceof int interface let long native new null package private protected public return short static super switch synchronized this throw throws transient true try typeof var void volatile while with yield

Language features

Feature Supported Example Token
Standard Library ✓ console.log("Hello, World!");
Scientific Notation ✓
Binary Literals ✓ // 0[bB][01]+n? 0b100110100000110011110010010
Floats ✓ // (\.[0-9]+|[0-9]+\.[0-9]*|[0-9]+)([eE][-+]?[0-9]+)? 80766866.0
Hexadecimals ✓ // 0[xX][0-9a-fA-F]+n? 0x4D06792
Octals ✓ // 0[oO]?[0-7]+n? 0o464063622
Sets ✓ set = new Set() set.add("foo")
Function Composition ✓ function o(f, g) { return function(x) { return f(g(x)); } }
Destructuring ✓ const o = {p: 42, q: true}; const {p, q} = o;
Default Parameters Pattern ✓ function multiply(a, b = 1) { return a * b; }
Line Comments ✓ // A comment //
Increment and decrement operators ✓ let i = 0 i++ i--
Methods ✓ class Person { method1() {} method2() {} }
Functions ✓ function helloWorld() {console.log("hi")}
Case Sensitivity ✓
Zero-based numbering ✓
While Loops ✓ let times = 10 while (times) {times--} console.log("done")
Ternary operators ✓ let i = true ? 1 : 0
Switch Statements ✓ var animal = "dog" switch (animal) { case "dog": console.log("yay"); break; case "cat": console.log("oh"); break; }
Strings ✓ "hello world" `
Letter-first Identifiers ✓
Inheritance ✓ class B {} class A extends B {}
Print() Debugging ✓ console.log("Hi") console.log
References ✓
Operators ✓ 1 + 1
Multiline Strings ✓ const lines = `one two`
Anonymous Functions ✓ (() => console.log("hello world"))()
Infix Notation ✓ const six = 2 + 2 + 2
Implicit Type Casting ✓ console.log("hello " + 2)
Assignment ✓ var name = "John" =
Directives ✓ "use strict"; "use asm";
Generators ✓ function* fibonacci(limit) { let [prev, curr] = [0, 1]; while (!limit || curr <= limit) { yield curr; [prev, curr] = [curr, prev + curr]; } } // bounded by upper limit 10 for (let n of fibonacci(10)) { console.log(n); } // generator without an upper bound limit for (let n of fibonacci()) { console.log(n); if (n > 10000) break; } // manually iterating let fibGen = fibonacci(); console.log(fibGen.next().value); // 1 console.log(fibGen.next().value); // 1 console.log(fibGen.next().value); // 2 console.log(fibGen.next().value); // 3 console.log(fibGen.next().value); // 5 console.log(fibGen.next().value); // 8 // picks up from where you stopped for (let n of fibGen) { console.log(n); if (n > 10000) break; }
Garbage Collection ✓
First-Class Functions ✓ [2.0,1.1].map(Math.round)
Exceptions ✓ try { undefinedFn() } catch (err) { console.log(err) }
Dynamic Typing ✓
Constants ✓ const one = 1
Constructors ✓ class Person { constructor(name) { this._name = name } } new Person("Jane")
Labels ✓ main: console.log("pldb")
Comments ✓ // A comment
Conditionals ✓ if (true) console.log("hi!")
Classes ✓ class Person {}
Method Chaining ✓ "hello world".toString().substr(0, 1).length
Booleans ✓ true false
Magic Getters and Setters ✓ // Can be implemented in ES6 using proxies: "use strict"; if (typeof Proxy == "undefined") { throw new Error("This browser doesn't support Proxy"); } let original = { "foo": "bar" }; let proxy = new Proxy(original, { get(target, name, receiver) { let rv = Reflect.get(target, name, receiver); if (typeof rv === "string") { rv = rv.toUpperCase(); } return rv; } }); console.log(`original.foo = ${original.foo}`); // "original.foo = bar" console.log(`proxy.foo = ${proxy.foo}`); // "proxy.foo = BAR"
Dynamic Properties ✓ class Person {} const person = new Person() person.age = 50
Source Maps ✓ { version: 3, file: 'min.js', names: ['bar', 'baz', 'n'], sources: ['one.js', 'two.js'], sourceRoot: 'http://example.com/www/js/', mappings: 'CAAC,IAAI,IAAM,SAAUA,GAClB,OAAOC,IAAID;CCDb,IAAI,IAAM,SAAUE,GAClB,OAAOA' };
Bitwise Operators ✓ var x = 5 & 1;
Single Dispatch ✓
Polymorphism ✓ "a" + "b"; 1 + 2
MultiLine Comments ✓ /* A comment */ /* */
Merges Whitespace ✓
Lists ✓ const list = [1,2,3]
Integers ✓ 80766866
Breakpoints ✓ if (false) debugger
Partial Application ✓ const addNumbers = (num1, num2) => num1 + num2 const add5 = num => addNumbers(10, num)
Map Functions ✓ [1,2.1].map(Math.round)
Binary Operators ✓ 1 + 1
Async Await ✓ async doSomething => await somethingElse()
Expressions ✓ 1 + 1
Regular Expression Syntax Sugar ✓ console.log("Hello World".match(/\w/))
Statements ✓ let x = 3;
File Imports ✓ import { helloWorld } from "./helloWorld.js";
hasExports ✓ export function myFunction() { }
hasSymbols ✓ // A symbol is a unique and immutable primitive value, often used as a unique key for object properties pldb = Symbol()
Type Classes X
Structural Typing X
Static Typing X
Operator Overloading X
Case Insensitive Identifiers X
Multiple Inheritance X
Named Arguments X // idiomatically emulated using parameters that expect objects
Function Overloading X
Macros X
Processor Registers X
Multiple Dispatch X
Single Pass Compiler X console.log(message()) function message() { return "The function Has been hoisted" }
Pointers X
Semantic Indentation X
Abstract Types X
Access Modifiers X
Variable Substitution Syntax X
Enums X
S-Expressions X

- Build the next great programming language · Add · Add Prompt · Issues · About · Search · Keywords · Livestreams · Labs · Resources · Acknowledgements

Built with Scroll v178.2.3