Как использовать функцию стрелки с || Оператор

Question

Используя Бабеля, я могу видеть, что

callback =() => {}; 

компилирует

callback = function callback() {}; 

чего я ожидал. Однако я получаю сообщение об ошибке при попытке использовать его с ||

callback = callback ||() => {} 

Что я ожидал, что эквивалентно

callback = callback || function(){}; 

Почему это ошибка? Кроме того, есть ли более правильная версия ES6 этого знакомого синтаксиса?

Answer 1

Это не удается, потому что это просто недействительный синтаксис.

Используйте следующие чтобы сделать его работу:

callback = callback || (() => {}) 

Если вы не обернуть его таким образом, это было бы расценено как если бы вы набрали следующее. Но это недопустимый синтаксис.

callback = (callback ||()) => {} 

Продлить по оценке выполнения задания, см спецификацию AssignmentExpression. Он состоит из ConditionalExpression или ArrowFunction (или некоторых других выражений, которые я буду игнорировать). Поэтому интерпретатор попытается использовать ваш код как условный. Но сам () недействителен в этом контексте, так как ожидается выражение внутри что ParenthesizedExpression. В результате он потерпит неудачу. Если вы вместо этого группируете выражение как callback || (() => {}), то обе стороны LogicalOrExpressions являются действительными выражениями.

Answer 2

Благодаря старшинство операторов, вы должны обернуть функцию стрелки в скобках, чтобы заставить его работать:

callback = callback || (() => {}) 

Answer 3

Если вы планируете использовать ||, чтобы обеспечить значение по умолчанию для параметра обратного вызова функции, просто написать просто

function myfunc(callback =() => { }) { 
    callback("Hi 1252748"); 
} 

Никаких дополнительных парадов не требуется.