Назначение деструктуризации в JavaScript

Как видно из Mozilla changlog для JavaScript 1.7, они добавили назначение деструктурирования. К сожалению, я не очень люблю синтаксис (зачем писать a и b дважды?):

var a, b;  
[a, b] = f();

Что-то вроде этого было бы намного лучше:

var [a, b] = f();

Это все равно будет обратно совместимым. Python-подобный деструктурирование не будет обратно совместимым.

В любом случае лучшим решением для JavaScript 1.5, которое я смог придумать, является:

function assign(array, map) {
    var o = Object();
    var i = 0;
    $.each(map, function(e, _) {
        o[e] = array[i++];
    });
    return o;
}

Что работает:

var array = [1,2];
var _ = assign[array, { var1: null, var2: null });
_.var1; // prints 1
_.var2; // prints 2

Но это действительно отстой, потому что _ не имеет смысла. Это просто пустая оболочка для хранения имен. Но, к сожалению, это было необходимо, потому что JavaScript не имеет указателей. С положительной стороны вы можете назначить значения по умолчанию в случае, если значения не совпадают. Также обратите внимание, что это решение не пытается срезать массив. Поэтому вы не можете сделать что-то вроде {first: 0, rest: 0}. Но это можно было бы легко сделать, если бы вы хотели этого поведения.

Какое лучшее решение?

ОТВЕТЫ

Ответ 1

Во-первых, var [a, b] = f() отлично работает в JavaScript 1.7 - попробуйте!

Во-вторых, вы можете сгладить синтаксис использования с помощью with():

var array = [1,2];
with (assign(array, { var1: null, var2: null }))
{
   var1; // == 1
   var2; // == 2
}

Конечно, это не позволит вам изменять значения существующих переменных, поэтому IMHO это намного менее полезно, чем функция JavaScript 1.7. В коде, который я пишу сейчас, я просто возвращаю объекты напрямую и ссылаюсь на их членов - я буду ждать, когда функции 1.7 станут более доступными.

Ответ 2

Вам не нужна переменная "_". Вы можете напрямую создавать глобальные переменные с помощью области окна:

window["foo"] = "bar";
alert(foo); // Gives "bar"

Вот еще несколько пунктов:

  • Я бы не назвал эту функцию "присваивать", потому что это слишком общее термин.
  • Чтобы более точно напоминать JS 1.7 синтаксис, я бы сделал функцию принять назначения в качестве первого аргумент и источник как второй аргумент.
  • Использование литерала объекта для передачи целевых переменных классно, но его можно путать с деструктурированием JS 1.7, где пункт назначения фактически является объектом, а не массивом. Я предпочитаю использовать только список имен переменных в виде запятой в виде строки.

Вот что я придумал:

function destructure(dest, src) {  
    dest = dest.split(",");  

    for (var i = 0; i < src.length; i++) {  
        window[dest[i]] = src[i];  
    }  
}  

var arr = [42, 66];  

destructure("var1,var2", arr); 

alert(var1); // Gives 42
alert(var2); // Gives 66

Ответ 3

Вот что я сделал в PHPstorm 10:

Файл → Настройки → Языки и рамки → ...

... установить версию языка JavaScript, например. JavaScript 1.8.5...

- > нажмите Применить.

Ответ 4

В стандартном JavaScript мы привыкли ко всем видам уродства, а эмуляция назначения деструктуризации с использованием промежуточной переменной не так уж плоха:

function divMod1(a, b) {
    return [ Math.floor(a / b), a % b ];
}

var _ = divMod1(11, 3);
var div = _[0];
var mod = _[1];
alert("(1) div=" + div + ", mod=" + mod );

Однако я думаю, что следующий шаблон более именован:

function divMod2(a, b, callback) {
    callback(Math.floor(a / b), a % b);
}

divMod2(11, 3, function(div, mod) {
    alert("(2) div=" + div + ", mod=" + mod );
});

Обратите внимание, что вместо того, чтобы возвращать два результата в виде массива, мы передаем их как аргументы функции обратного вызова.

(см. код работает http://jsfiddle.net/vVQE3/)