The new editor support is not recommended for real usage yet. There are many things that missing or that are not completed. On the other hand we appreciate every input that can help us to push the new editor support to get it ready for testing soon.
The new semantic coloring gives more information about the source code. You can compare from the pictures below.
One of the big change is that by default the green color is not used for the global objects, but for object properties. It should be more aligned with other languages, where the green color is used for marking class members. The new JS support use for coloring global object as default violet color.
You can also noticed that the name of an object definition is also in bold. If there are used reserved words as names of objects/method/properties (they have to be in quotes), then they are colored as well.
The new support is able to analyse more levels of objects as you can see from the picture below.
This feature really benefits from the model, where are kept occurrence of every element in the source file. The previous support used only simple text analysis for finding occurrences and it was not scope aware. You can see one example on the pictures below.
In this case when the caret is on the name identifier (line 7) the old JS support marks only the name property of object class, which is wrong. It's different property in different object. This is caused because the current JS support is not aware of definition scope and some features like mark occurrences , goto declaration, refactoring etc are based on the simple text comparing of the identifier names.
The new JS support marks the occurrences better. It doesn't mark the name property of class object in this case, but marks the real occurrences of the selected properties.
The GoTo Declaration feature use the same model as Mark Occurrences. So the feature should be much faster and gives better result than it was in the previous support.
The code completion is based on the model too. The code completion is not fully done and it will takes some time to support everything what was supported in the old JS editor. We are now able to completed object properties, object methods and other simple cases.
Getters and Setters in Object Literals
This functionality was not implemented in the old editor at all.
The get and set words are colored as method and the property name is colored as a field.
As you can see from the picture above, the navigator displays property and the getter and setter definition on the same level. The property navigate to the getter of setter (depends on the position in the source code).
When the caret is place on the property name, the appropriate names of the setter and getter definition in object literal are also marked.
In code completion is offered only the property. Nor getter either setter.
Semantic coloring highlights newly HTML tags like in .java files in the newest NetBeans builds. You can compare from the pictures below.