]> code.delx.au - gnu-emacs-elpa/blob - NEWS.md
Support initializer in destructuring
[gnu-emacs-elpa] / NEWS.md
1 # History of user-visible changes
2
3 ## Next
4
5 * Object properties are highlighted using a different face:
6 `js2-object-property`, which has no color by default.
7 * `js2-getter-setter-node` is renamed to `js2-method-node`, together
8 with its related functions. It already handles generator methods,
9 and will in the future add support for async methods, so the old
10 name will get more confusing.
11 * Support for default parameters in destructuring. It should work for both
12 objects and arrays, in both literals and function arguments.
13
14 ## 20150909
15
16 * `js2-mode` now derives from `js-mode`. That means the former
17 function will run `js-mode-hook`, as well as `js2-mode-hook`. The
18 key bindings will default to `js-mode-map` where they're not set in
19 `js2-mode-map`. And in Emacs 25 or later (including the snapshot
20 builds), `js2-mode` uses the indentation code from `js-mode`. Where
21 feasible, the user options (and functions) now have aliases, but if
22 you're using Emacs 25 and you see an indentation-related setting
23 that stopped working, try looking for a corresponding one in the
24 `js` group: `M-x customize-group RET js RET`.
25
26 * New command: `js2-jump-to-definition`. It's bound to `M-.` by
27 default, via remapping `js-find-symbol`. To get back to the default
28 `M-.` binding (e.g. `find-tag`), put this in your init file:
29
30 (eval-after-load 'js (define-key js-mode-map (kbd "M-.") nil))
31
32 ## 20150713
33
34 * More comprehensive strict mode warnings and syntax errors.
35 * New minor mode: `js2-highlight-unused-variables-mode`.
36 * `js2-pretty-multiline-declarations` can take the value `dynamic` now.
37
38 ## 20150202
39
40 Support for:
41
42 * [ES6 modules](http://www.2ality.com/2014/09/es6-modules-final.html).
43 * [Short-hand object literals](http://ariya.ofilabs.com/2013/02/es6-and-object-literal-property-value-shorthand.html).
44 * [Method definitions](http://ariya.ofilabs.com/2013/03/es6-and-method-definitions.html).
45 * ['u' and 'y' RegExp flags](https://mathiasbynens.be/notes/es6-unicode-regex).
46 * [Computed property names](http://people.mozilla.org/~jorendorff/es6-draft.html#sec-object-initializer).
47 * [Class statements and expressions](https://github.com/lukehoban/es6features#classes).
48 * [Template strings](http://tc39wiki.calculist.org/es6/template-strings/), including tagged ones.
49
50 The variable `js2-allow-keywords-as-property-names` has been
51 removed. Instead we check if `js2-language-version` is 180 or highter.
52
53 ## 20141115
54
55 Support for:
56
57 * Unicode characters in identifiers (improved).
58 * [Delegating yield](http://wiki.ecmascript.org/doku.php?id=harmony:generators#delegating_yield).
59 * [ES6 numeric literals](https://people.mozilla.org/~jorendorff/es6-draft.html#sec-literals-numeric-literals) (octal, binary).
60 * Harmony [array and generator comprehensions](http://wingolog.org/archives/2014/03/07/es6-generator-and-array-comprehensions-in-spidermonkey).
61
62 ## 20131106
63
64 Support for:
65
66 * [Arrow functions](http://wiki.ecmascript.org/doku.php?id=harmony:arrow_function_syntax)
67 * [Generators](http://wiki.ecmascript.org/doku.php?id=harmony:generators)
68 * [Spread operator](http://wiki.ecmascript.org/doku.php?id=harmony:spread)
69
70 ## 20130510
71
72 ### Support for JSLint global declaration
73
74 See the docstring for `js2-include-jslint-globals`.
75
76 ## 20130216
77
78 ### We don't rebind `RET` anymore
79
80 Because well-behaving major modes aren't supposed to do that.
81
82 So pressing it won't continue a block comment, or turn a string into a concatenation.
83 Pressing `M-j`, however, will.
84
85 The options `js2-indent-on-enter-key` and `js2-enter-indents-newline` were also removed.
86
87 To bring back the previous behavior, put this in your init file:
88
89 ```js
90 (eval-after-load 'js2-mode
91 '(define-key js2-mode-map (kbd "RET") 'js2-line-break))
92 ```
93
94 ## 20120617
95
96 ### 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
97
98 ## 20120614
99
100 ### Support for [for..of loops](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of)
101
102 ## Older changes
103
104 ### Popular indentation style
105
106 ```js
107 [foo, bar, baz].forEach(function (v) {
108 if (validate(v))
109 process(v);
110 });
111
112 [a, b, c].some(function (v) {
113 return validate(v);
114 });
115 ```
116
117 ### Pretty multiline variable declaration
118
119 In the original mode,
120
121 ```js
122 var foo = 10,
123 bar = 20,
124 baz = 30;
125 ```
126
127 In this mode when the value of `js2-pretty-multiline-declarations` is non-nil,
128
129 ```js
130 var foo = 10,
131 bar = 20,
132 baz = 30;
133 ```
134
135 ### Abbreviated destructuring assignments
136
137 ```js
138 let {a, b} = {a: 10, b: 20}; // Abbreviated (Not supported in the original mode)
139 let {a: a, b: b} = {a: 10, b: 20}; // Same as above (Supported in the original mode)
140
141 (function ({responseText}) { /* */ })(xhr); // As the argument of function
142
143 for (let [k, { name, age }] in Iterator(obj)) // nested
144 print(k, name, age);
145 ```
146
147 ### Expression closure in property value
148
149 ```js
150 let worker = {
151 get age() 20,
152 get sex() "male",
153 fire: function () _fire()
154 };
155 ```
156
157 ### Fix for odd indentation of "else if" with no braces
158
159 In the original mode,
160
161 ```js
162 if (foo)
163 return foo;
164 else if (bar)
165 return bar; // here
166 ```
167
168 In this mode,
169
170 ```js
171 if (foo)
172 return foo;
173 else if (bar)
174 return bar; // fixed
175 ```
176
177 ### Imenu support for function nesting
178
179 Supports function nesting and anonymous wrappers:
180
181 ```js
182 (function() {
183 var foo = function() {
184 function bar() { // shown as foo.bar.<definition-1>
185 function baz() {} // foo.bar.baz
186 var qux = function() {}; // foo.bar.quux
187 }
188 };
189 });
190 ```
191
192 Examples of output:
193
194 * [jQuery 1.5](https://gist.github.com/845449)
195 * [Underscore.js](https://gist.github.com/824262)
196 * [Backbone.js](https://gist.github.com/824260)
197
198 For library-specific extension methods like `$.extend` and `dojo.declare`, see [js2-imenu-extras](/mooz/js2-mode/blob/master/js2-imenu-extras.el).
199
200 ### Undeclared/external variables highlighting
201
202 Original mode highlights them only on the left side of assignments:
203
204 ```js
205 var house;
206 hose = new House(); // highlights "hose"
207 ```
208
209 Here they are highlighted in all expressions:
210
211 ```js
212 function feed(fishes, food) {
213 for each (var fish in fshes) { // highlights "fshes"
214 food.feed(fsh); // highlights "fsh"
215 }
216 hood.discard(); // highlights "hood"
217 }
218 ```
219
220 Destructuring assignments and array comprehensions (JS 1.7) are supported:
221
222 ```js
223 let three, [one, two] = [1, 2];
224 thee = one + two; // highlights "thee"
225
226 function revenue(goods) {
227 // highlights "coast"
228 return [price - coast for each ({price, cost} in goods)].reduce(add);
229 }
230 ```