JS++

JS++ is a programming language for web development that extends JavaScript with a sound type system. It includes imperative, object-oriented, functional, and generic programming features. It is free and open-source software released under a BSD license.

JS++ first appeared on October 8, 2011.^[1][2][3] The modern implementation was announced at DeveloperWeek 2016^[4] and released on May 31, 2016.^[5][6][7][8] The language is designed by Roger Poon and Anton Rapetov.

Since JS++ is a superset of JavaScript, declaring data types for variables is optional. However, when types are declared, the types are enforced at both compile time and runtime.

Type annotations in JS++ use the traditional C syntax:

int x = 1; var y = 2; bool z = true; 

Notably, this differs from TypeScript and ActionScript, which use a more verbose style:

var x : number = 1; var y : any = 2; var z : boolean = true; 

The type system in JS++ is sound for ECMAScript and DOM API corner cases, including host objects, dynamic key-value pairs, Comet, JScript conditional compilation, dynamic return types, ActiveX, ECMAScript for XML, web browser garbage collector and cyclic reference counting bugs, conditional logic, and other edge and corner cases.^[9][10] This differs from other JavaScript supersets where types are optional and discarded at runtime via type erasure, such as in TypeScript.^[11][12]

JS++ can use JavaScript libraries using the one-line external statement as in the following example from the homepage of JS++:

import System; // Import JavaScript libraries in one line of code external jQuery, $;  class Example {     public Example() {         // Nearly NO learning curve         // You can keep writing regular JavaScript         var a = 0, random = Math.random();         // Integer types and other primitives         // ... enable fast (optimized) and clear code         byte[] rgbColors = [ 0xFF, 0xFA, 0xFF ];     }      public void showMessage(int id, string text) {         // 100% compatible with regular JavaScript         jQuery("#msgbox").show();         $("#msgbox").text(id.toString() + text);     } } 

While classes in JavaScript (ECMAScript 6) are syntactic sugar for prototypes under the hood,^[13] JS++ classes resemble the classes found in classical programming languages such as C++, Java, and C# in terms of memory layout, performance, and semantics. For example, private methods are private at both compile time and runtime, and external JavaScript objects cannot access private JS++ fields or methods.

The following source code illustrates object-oriented sorting in JS++ using the IComparable<T> interface and Comparison enumeration for type-safe and readable comparisons.^[14] The custom sorting logic is one line of code in the overridden compare method below:

import System;   class Employee : IComparable<Employee> {     private string firstName;     private string lastName;       public Employee(string firstName, string lastName) {         this.firstName = firstName;         this.lastName = lastName;     }       public override Comparison compare(Employee that) {         // Sort by employee surname         return this.lastName.compare(that.lastName);     }       public override string toString() {         return this.firstName + " " + this.lastName;     } }  Employee zig  = new Employee("Zig", "Ziglar"); Employee john = new Employee("John", "Smith"); Employee abe  = new Employee("Abe", "Lincoln");  Employee[] employees = [ zig, john, abe ]; employees.sort(); Console.log(employees.join(", "));  // Output: // Abe Lincoln, John Smith, Zig Ziglar 

Thus, in the code above, the custom sorting logic provided is:

return this.lastName.compare(that.lastName); 

Likewise, to call the sort:

employees.sort(); 

For printing the sorted results:

Console.log(employees.join(", ")); 

JS++ provides encapsulation by default. In the following example, the fields x and y are private by default, even if no access modifier is specified. The methods getX() and getY() are public by default. This enables a more concise class definition syntax, as illustrated in the Point class below:^[15]

class Point {     int x, y;       Point(int x, int y) {         this.x = x;         this.y = y;     }       int getX() { return this.x; }     int getY() { return this.y; } } 

An out-of-bounds access usually occurs with arrays and other containers. For example, when we access the 100th element of a 3-element array, we have an out-of-bounds access:

int[] arr = [ 1, 2, 3 ]; Console.log(arr[100]); // out-of-bounds access, 'arr' does not have an element at index 100 

In Java and C#, this can result in an exception and program termination. In C, this can result in buffer overflows or segmentation faults. C++ has varying semantics, such as default initialization, exceptions, segmentation faults, or buffer overflows.^[16][17]

JS++ can efficiently analyze and prevent out-of-bounds errors at compile time.^[18][19][20]

JavaScript has the notion of null and undefined values, where null means a value is present but it's an empty value, and undefined means there isn't a value there at all. JS++ extends this intuition further to differentiate between empty values and out-of-bounds accesses.^[20]

Consider the following code, with a nullable int type represented with int?:

int[] a = [ 1, 2 ]; int? value1 = a[2]; if (value1 == null) {     Console.log("Definitely out of bounds"); }   int?[] b = [ 1, null ]; int? value2 = b[2]; if (value2 == null) {     Console.log("Might be out of bounds, might just be an access of a null element"); } 

While nullable types can represent an out-of-bounds access, it falls apart when the array might contain nullable values as illustrated above. Instead, JS++ introduces an additional concept in addition to null values: undefined values. Recall that JS++ extends the JavaScript notion that null means a value is present but is an empty value, while an undefined value means a value does not exist at all. JS++ uses the concept of "a value does not exist at all" to mean an out-of-bounds access has occurred, and this concept is known in JS++ as "existent types."^[20]

Therefore, the previous example can be amended. The existent type int+ means "int or out of bounds" and int?+ means "int, null, or out of bounds":

int[] a = [ 1, 2 ]; int? value1 = a[2]; if (value1 == undefined) {     Console.log("Definitely out of bounds"); }  int?[] b = [ 1, null ]; int?+ value2 = b[2]; if (value2 == undefined) {     Console.log("Definitely out of bounds"); } 

Intuitively, this means existent types cannot be used as the underlying type for array elements. JS++ enforces this at compile time:

int+[] arr = []; // ERROR 

[ ERROR ] JSPPE5204: Existent type `int+' cannot be used as the element type for arrays

Instead of following every conditional branch or virtual method call path, which would result in path explosion and exponential compile times, existent types have essentially the same compile-time analysis cost as int, bool, and other primitive types. Consequently, compile times have been shown to be unaffected (±1-2ms) by the introduction of existent types.^[20] Since existent types are used for all array and container types in JS++ (such as hash maps, Stack<T>, and Queue<T>), JS++ containers are thus guaranteed to not have out-of-bounds errors.

In JS++, undefined is a value that cannot be changed. In JavaScript (ECMAScript 3), undefined is a mutable property of the global object, resulting in circumstances where "undefined" can be "defined".^[21] Thus, existent types would not have been possible in pure JavaScript, as arrays can contain elements with the undefined value, undefined can be defined, or other edge and corner cases that are prevented in JS++.^[20][22]

The concept of existent types can be extended outside of containers. For example, in MySQL, columns can be nullable.^[23][24] If the row does not exist for a specified condition (e.g. WHERE clause), the undefined value can be returned. However, if the row does exist but the value at the column is empty, a null value can be returned instead. This can simplify the code and interfaces to the data access layer.

The JS++ compiler is available for Windows, macOS, and Linux. It is a source-to-source compiler which emits JavaScript source code as an intermediate representation.

JS++ integrates with various code editors including Visual Studio Code, Atom, and Sublime Text.^[25][26][27]

JS++ can be integrated with third-party build tools like Webpack.^[28]

• TypeScript
• PureScript