В чем отличие объявления этих двух функций?

Question

[Nikita Shchypylov]

Всем привет
Такая запись : test(){}
и такая : let test =()=> {}
Как я понимаю, в первой мы просто глобально вяжем функцию, а во втором имеем привязку this?
Как давно в JS можно не писать function в первом примере?

Answer 1

[Ivan Bogachev]

Как давно в JS можно не писать function в первом примере?

Ключевое слово function можно опускать в определенных ситуациях:

let bar = {
    test: 'A',
    foo() {
        console.log(this.test);
    }
}

bar.foo(); // A

class Bar {
    constructor() {
        this.test = 'B';
    }
    foo() {
        console.log(this.test);
    }
}

(new Bar()).foo(); // B

Разумеется для старых браузеров нужен Babel. В остальных случаях запись вида test(){} вызовет ошибку Uncaught SyntaxError: Unexpected token.

Answer 2

[Stalker_RED]

Первая запись вообще не сработает - ошибка синтаксиса.

Вторая запись - это стрелочные функции.

Comments

[Nikita Shchypylov]

Сработает, я видел её использование в Реакте

[Stalker_RED]

Nikita Shchypylov, можете привести пример?

[Максим Петелин]

Не в реакте а в ES6

[Афанасий Захаров]

Эта первая запись - это объявление метода внутри класса.
Так сработает

class someClass extends React.Component{
 test(){}
}

[Nikita Shchypylov]

Афанасий Захаров, Ага! Спасибо. А тут есть привязка к this?