220 lines
6.0 KiB
Markdown
220 lines
6.0 KiB
Markdown
# History of user-visible changes
|
|
|
|
## 20150909
|
|
|
|
* `js2-mode` now derives from `js-mode`. That means the former
|
|
function will run `js-mode-hook`, as well as `js2-mode-hook`. The
|
|
key bindings will default to `js-mode-map` where they're not set in
|
|
`js2-mode-map`. And in Emacs 25 or later (including the snapshot
|
|
builds), `js2-mode` uses the indentation code from `js-mode`. Where
|
|
feasible, the user options (and functions) now have aliases, but if
|
|
you're using Emacs 25 and you see an indentation-related setting
|
|
that stopped working, try looking for a corresponding one in the
|
|
`js` group: `M-x customize-group RET js RET`.
|
|
|
|
* New command: `js2-jump-to-definition`. It's bound to `M-.` by
|
|
default, via remapping `js-find-symbol`. To get back to the default
|
|
`M-.` binding (e.g. `find-tag`), put this in your init file:
|
|
|
|
(eval-after-load 'js (define-key js-mode-map (kbd "M-.") nil))
|
|
|
|
## 20150713
|
|
|
|
* More comprehensive strict mode warnings and syntax errors.
|
|
* New minor mode: `js2-highlight-unused-variables-mode`.
|
|
* `js2-pretty-multiline-declarations` can take the value `dynamic` now.
|
|
|
|
## 20150202
|
|
|
|
Support for:
|
|
|
|
* [ES6 modules](http://www.2ality.com/2014/09/es6-modules-final.html).
|
|
* [Short-hand object literals](http://ariya.ofilabs.com/2013/02/es6-and-object-literal-property-value-shorthand.html).
|
|
* [Method definitions](http://ariya.ofilabs.com/2013/03/es6-and-method-definitions.html).
|
|
* ['u' and 'y' RegExp flags](https://mathiasbynens.be/notes/es6-unicode-regex).
|
|
* [Computed property names](http://people.mozilla.org/~jorendorff/es6-draft.html#sec-object-initializer).
|
|
* [Class statements and expressions](https://github.com/lukehoban/es6features#classes).
|
|
* [Template strings](http://tc39wiki.calculist.org/es6/template-strings/), including tagged ones.
|
|
|
|
The variable `js2-allow-keywords-as-property-names` has been
|
|
removed. Instead we check if `js2-language-version` is 180 or highter.
|
|
|
|
## 20141115
|
|
|
|
Support for:
|
|
|
|
* Unicode characters in identifiers (improved).
|
|
* [Delegating yield](http://wiki.ecmascript.org/doku.php?id=harmony:generators#delegating_yield).
|
|
* [ES6 numeric literals](https://people.mozilla.org/~jorendorff/es6-draft.html#sec-literals-numeric-literals) (octal, binary).
|
|
* Harmony [array and generator comprehensions](http://wingolog.org/archives/2014/03/07/es6-generator-and-array-comprehensions-in-spidermonkey).
|
|
|
|
## 20131106
|
|
|
|
Support for:
|
|
|
|
* [Arrow functions](http://wiki.ecmascript.org/doku.php?id=harmony:arrow_function_syntax)
|
|
* [Generators](http://wiki.ecmascript.org/doku.php?id=harmony:generators)
|
|
* [Spread operator](http://wiki.ecmascript.org/doku.php?id=harmony:spread)
|
|
|
|
## 20130510
|
|
|
|
### Support for JSLint global declaration
|
|
|
|
See the docstring for `js2-include-jslint-globals`.
|
|
|
|
## 20130216
|
|
|
|
### We don't rebind `RET` anymore
|
|
|
|
Because well-behaving major modes aren't supposed to do that.
|
|
|
|
So pressing it won't continue a block comment, or turn a string into a concatenation.
|
|
Pressing `M-j`, however, will.
|
|
|
|
The options `js2-indent-on-enter-key` and `js2-enter-indents-newline` were also removed.
|
|
|
|
To bring back the previous behavior, put this in your init file:
|
|
|
|
```js
|
|
(eval-after-load 'js2-mode
|
|
'(define-key js2-mode-map (kbd "RET") 'js2-line-break))
|
|
```
|
|
|
|
## 20120617
|
|
|
|
### Support for [default](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/default_parameters) and [rest](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/rest_parameters) parameters
|
|
|
|
## 20120614
|
|
|
|
### Support for [for..of loops](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of)
|
|
|
|
## Older changes
|
|
|
|
### Popular indentation style
|
|
|
|
```js
|
|
[foo, bar, baz].forEach(function (v) {
|
|
if (validate(v))
|
|
process(v);
|
|
});
|
|
|
|
[a, b, c].some(function (v) {
|
|
return validate(v);
|
|
});
|
|
```
|
|
|
|
### Pretty multiline variable declaration
|
|
|
|
In the original mode,
|
|
|
|
```js
|
|
var foo = 10,
|
|
bar = 20,
|
|
baz = 30;
|
|
```
|
|
|
|
In this mode when the value of `js2-pretty-multiline-declarations` is non-nil,
|
|
|
|
```js
|
|
var foo = 10,
|
|
bar = 20,
|
|
baz = 30;
|
|
```
|
|
|
|
### Abbreviated destructuring assignments
|
|
|
|
```js
|
|
let {a, b} = {a: 10, b: 20}; // Abbreviated (Not supported in the original mode)
|
|
let {a: a, b: b} = {a: 10, b: 20}; // Same as above (Supported in the original mode)
|
|
|
|
(function ({responseText}) { /* */ })(xhr); // As the argument of function
|
|
|
|
for (let [k, { name, age }] in Iterator(obj)) // nested
|
|
print(k, name, age);
|
|
```
|
|
|
|
### Expression closure in property value
|
|
|
|
```js
|
|
let worker = {
|
|
get age() 20,
|
|
get sex() "male",
|
|
fire: function () _fire()
|
|
};
|
|
```
|
|
|
|
### Fix for odd indentation of "else if" with no braces
|
|
|
|
In the original mode,
|
|
|
|
```js
|
|
if (foo)
|
|
return foo;
|
|
else if (bar)
|
|
return bar; // here
|
|
```
|
|
|
|
In this mode,
|
|
|
|
```js
|
|
if (foo)
|
|
return foo;
|
|
else if (bar)
|
|
return bar; // fixed
|
|
```
|
|
|
|
### Imenu support for function nesting
|
|
|
|
Supports function nesting and anonymous wrappers:
|
|
|
|
```js
|
|
(function() {
|
|
var foo = function() {
|
|
function bar() { // shown as foo.bar.<definition-1>
|
|
function baz() {} // foo.bar.baz
|
|
var qux = function() {}; // foo.bar.quux
|
|
}
|
|
};
|
|
});
|
|
```
|
|
|
|
Examples of output:
|
|
|
|
* [jQuery 1.5](https://gist.github.com/845449)
|
|
* [Underscore.js](https://gist.github.com/824262)
|
|
* [Backbone.js](https://gist.github.com/824260)
|
|
|
|
For library-specific extension methods like `$.extend` and `dojo.declare`, see [js2-imenu-extras](/mooz/js2-mode/blob/master/js2-imenu-extras.el).
|
|
|
|
### Undeclared/external variables highlighting
|
|
|
|
Original mode highlights them only on the left side of assignments:
|
|
|
|
```js
|
|
var house;
|
|
hose = new House(); // highlights "hose"
|
|
```
|
|
|
|
Here they are highlighted in all expressions:
|
|
|
|
```js
|
|
function feed(fishes, food) {
|
|
for each (var fish in fshes) { // highlights "fshes"
|
|
food.feed(fsh); // highlights "fsh"
|
|
}
|
|
hood.discard(); // highlights "hood"
|
|
}
|
|
```
|
|
|
|
Destructuring assignments and array comprehensions (JS 1.7) are supported:
|
|
|
|
```js
|
|
let three, [one, two] = [1, 2];
|
|
thee = one + two; // highlights "thee"
|
|
|
|
function revenue(goods) {
|
|
// highlights "coast"
|
|
return [price - coast for each ({price, cost} in goods)].reduce(add);
|
|
}
|
|
```
|