Значение этого ключевого слова внутри класса

Question

Я пытаюсь понять, как ключевое слово this работает в JS, особенно то, что именно представляет собой ключевое слово this, когда вы используете его внутри класса, но не внутри каких-либо вложенных функций. Пожалуйста, помогите мне понять, почему я получаю сообщение об ошибке, когда я изменяю этот первый параграф кода ко второму абзацу кода.

console.log(this); 
    constructor() { 
    console.log(this); 
    } 
} 
var tiger = new Animal(); 

Этот выход будет: Window {} and Animal {} как я хочу, в консоли.

console.log(this); 
class Animal { 
    var that = this; // addition 
    constructor() { 
    console.log(this); 
    } 
} 
var tiger = new Animal(); 
console.log(tiger.that) // addition 

Это выведет Uncaught SyntaxError: Unexpected identifier в консоль. Я считаю, причина этой ошибки, это линия var that = this;, но я не понимаю, почему, я предположил, переменная that будет равна Window {} or Animal {}.

Answer 1

Во втором примере that является локальной переменной в диапазоне class Animal. Когда вы объявляете переменную с ключевым словом var, она объявляется только в текущей области. Он не определен в любом коде вне этого класса.

Дополнительную информацию см. В статье MSDN по адресу Variable Scope in Javascript.

Answer 2

Вам необходимо переместить var that = this; на номер constructor(). Вы не можете объявить class конкретных свойств за пределами метода.

console.log(this); 
class Animal { 
    constructor() { 
    var that = this; // addition 
    console.log(this); 
    } 
} 
var tiger = new Animal(); 
console.log(tiger.that) // addition 

Answer 3

То, что вы пробовали, является недопустимым синтаксисом. Проверьте the MDN docs для справки.