Телеграмм чат группы js

То есть этот код эквивалентен коду выше, где прототип?

class Test {
    getVal() {
        return 22;
    }
    checkMethod() {...}
}

Нет, тут у тебя checkMethod не стрелочная функция.

00:18пожаловаться #1

ᅠ

У нее динамический, не привязанный контекст.

00:19пожаловаться #2

ᅠ

То есть этот код эквивалентен коду выше, где прототип?

class Test {
    getVal() {
        return 22;
    }
    checkMethod() {...}
}

Здесь ты можешь сделать Test.prototype.checkMethod.call(someObject)

00:19пожаловаться #3

ᅠ

ᅠ

Чтобы было то, чего ты хотел добиться, когда оно "не работает", ты писать должен как-то так

class Test {
    getVal() {
        return 22;
    }
}

Test.prototype.checkMethod = () => {
        console.log(this.getVal());
    }

А здесь так не сможешь.

Unknown T. in JavaScript — русскоговорящее сообщество

00:19пожаловаться #4

ᅠ

Вот если ты сделаешь вот так, например, то поведение тоже будет, такое, какое ты хотел изначально

let m = () => {
        console.log(this.getVal());
    }
class Test {
    getVal() {
        return 22;
    }

    checkMethod = m
}

А здесь почему this не привязан? Это преобразуется в такой код:

let m = () => {
    console.log(this.getVal());
}
class Test {
    getVal() {
        return 22;
    }
    constructor(){
       this.checkMethod = m;
    }
}

Одно и то же с тем, что выше, в котором this привязывался...

00:22пожаловаться #5

ᅠ

А здесь почему this не привязан? Это преобразуется в такой код:

let m = () => {
    console.log(this.getVal());
}
class Test {
    getVal() {
        return 22;
    }
    constructor(){
       this.checkMethod = m;
    }
}

Одно и то же с тем, что выше, в котором this привязывался...

Нет, не одно и тоже. В прошлом случае ты стрелочную функцию создаешь каждый раз при инициализации объекта - внутри конструктора. Во втором случае ты просто присваиваешь ссылку на одну и ту же функцию каждый раз.

00:24пожаловаться #6

ᅠ

А здесь почему this не привязан? Это преобразуется в такой код:

let m = () => {
    console.log(this.getVal());
}
class Test {
    getVal() {
        return 22;
    }
    constructor(){
       this.checkMethod = m;
    }
}

Одно и то же с тем, что выше, в котором this привязывался...

Ты же понимаешь, чем отличается ?

function a(){
      return []
}

от

let x = []

function a(){
      return x
}

Unknown T. in JavaScript — русскоговорящее сообщество

00:25пожаловаться #7

Да, здесь понимаю
Но пусть одну и ту же присваиваем, что мешает ей к this то обратиться, хоть она везде и одинаковая

00:26пожаловаться #8

ᅠ

Как что мешает. У тебя стрелочная функция. У нее this привязан к тому, который был в лексическом окружении в котором она создана. У нее this статический, раз и на всю ее жизнь.

Используй не стрелочную функцию, и будет как ты хочешь.

let m = function() {
    console.log(this.getVal());
}
class Test {
    getVal() {
        return 22;
    }
    constructor(){
       this.checkMethod = m;
    }
}

Unknown T. in JavaScript — русскоговорящее сообщество

00:28пожаловаться #9

Когда была создана, вот в чем дело, спасибо!

Unknown T. in JavaScript — русскоговорящее сообщество

00:29пожаловаться #10

ᅠ

let m = function() {
    console.log(this.getVal());
}
class Test {
    getVal() {
        return 22;
    }
    constructor(){
       this.checkMethod = m;
    }
}

Запустил, тут this тоже undefined, от стрелочной не отличается получается

00:30пожаловаться #11

ᅠ

Запустил, тут this тоже undefined, от стрелочной не отличается получается

Как это?

00:31пожаловаться #12

ᅠ

Unknown T. in JavaScript — русскоговорящее сообщество

00:32пожаловаться #13

А, ну так да
Я про то, если вызывать, как я изначально писал

let func = new Test().checkMethod;
func();

00:33пожаловаться #14

ᅠ

А, ну так да
Я про то, если вызывать, как я изначально писал

let func = new Test().checkMethod;
func();

Так, а что ты пытаешься получить. У тебя checkMethod с динамическим контекстом.

00:34пожаловаться #15

ᅠ

Статический контекст только у стрелочных функций, и у тех, которым ты контекст явно привяжешь через bind

Unknown T. in JavaScript — русскоговорящее сообщество

00:34пожаловаться #16

Да-да, я понимаю
Вообще это просто эксперименты, чтобы улучшить понимание механик this и классов
Спасибо большое за советы, много нового узнал )

Undisputed in JavaScript — русскоговорящее сообщество

00:35пожаловаться #17

есть кто не спит?

Undisputed in JavaScript — русскоговорящее сообщество

00:47пожаловаться #18

https://codepen.io/slamem/pen/PozGRmr?editors=1010 кто может помочь с ползунками?

CodePen

PozGRmr

...

00:48пожаловаться #19

Morten BB in JavaScript — русскоговорящее сообщество

they're useful for doing common tasks