Eclipse: редактирование JavaScript в Spket IDE

HTML и CSSXSLTJavaScriptИзображенияСофтEtc
Сергей Чикуенок

15 октября 2008


Задача.

Показать основные возможности редактирования JavaScript в Spket IDE.


Основные возможности:
— Отличный code assist для всех типов данных, учитывающий текущую область видимости.
— Форматирование кода.
— Поддержка code templates.
— Поддерживает и понимает JSDoc:

    /** * @param {String} param */ function test(param) { param. // Ctrl+Space покажет список методов класса String }

— В том числе поддерживает inline-комментарии с типами данных:

    $('div').click(function(/* Event */ evt){ evt. //Ctrl+Space покажет список методов класса Event });

— Дополнительные JSDoc-конструкции:

    @type {Element[]} — массив объектов класса Element
    @type {myFunc()} — означает, что переменная содержит результат работы функции myFunc()
    @include "path/to/file.js" — подключение внешнего файла для code assist


— Поддерживает современные фреймворки: jQuery, Prototype, YUI и т. д.
— Сам следит за возвращаемым результатом функции:

    function myFunc() { return { prop: 'hello world', showProp: function(){ alert(this.prop); } } }
    myFunc(). // code assist покажет prop и showProp

— Понимает современные паттерны, например:

    var obj = (function(){ function secretMethod(message) { alert(message); }
    return { useSecretMethod: function(){ secretMethod('hello world'); } } })();
    obj. //code assist и outline покажут метод useSecretMethod

— JavaScript отладчик для IE.
— Отдельный редактор для JSON.
— Адекватный разработчик, оперативно вносящий исправления и улучшения.




Дополнительные материалы:

— Скринкаст (Квиктайм, 63,2 МБ)

— Документация для jQuery в формате JSDoc для подключения в JavaScript Profiles (будет обновляться, дополняться и переводиться на русский язык) (Ява-скрипт, 14,5 КБ)

— Документация для Canvas (Ява-скрипт, 38,5 КБ)