Блог

Допустим, у меня есть следующий код:

 class Cookie{
    ChocolateChip = class{
        constructor(){
            
        }
        sayMyOuterClassName(){
            console.log(???);
        }
    }
    constructor(name){
        this.name = name;
        this.someInstance = new this.ChocolateChip();
        this.someInstance.sayMyOuterClassName();
    }
}

let aCookie = new Cookie("Bob");
 

Чем мне ??? заменить, чтобы он был распечатан "Bob" ? Я видел кого-то рекомендовать Cookie.this.name , но я боюсь попробовать что, не зная всех последствий, так как мне приходится полагаться на код, который я пишу прямо сейчас, и если она сломается в будущем я не хочу, чтобы это было, потому что я использовал эту строку кода, которую я не до конца понимаю, и в конечном итоге тратить много времени.

Помимо этого вопроса, я также хочу задать… Ранее я объявлял свои классы статическими и использовал их подобным new OuterClassName.InnerClassName() образом , но я переключился, потому что предполагал, что это помешает мне получить доступ к переменным экземпляра из моего внешнего класса внутри внутренних классов… Это правильно? Предотвращает ли объявление внутреннего класса статическим доступ к переменным внешнего класса?

Добавьте ссылку на родителя:

 class Cookie{
    ChocolateChip = class {
        constructor(parent){
            this.parent = parent;
        }
        sayMyOuterClassName(){
            console.log(this.parent.name);
        }
    }
    constructor(name){
        this.name = name;
        this.someInstance = new this.ChocolateChip(this);
        this.someInstance.sayMyOuterClassName();
    }
}

let aCookie = new Cookie("Bob"); 

Чем мне ??? заменить, чтобы он был распечатан "Bob" ?

Ничего, вы не можете сделать это в JavaScript без внесения дальнейших изменений в свой код. Между и не существует внутренней связи Cookie ChocolateChip , кроме того, что свойство экземпляра в Cookie экземпляре ссылается на экземпляр ChocolateChip . Cookie.this.name Синтаксис, который вы видели, был Java, а не JavaScript. Java и JavaScript сильно отличаются в этом отношении.

Возможно, вы неправильно понимаете синтаксис, который используете для создания ChocolateChip . Это не объявление «внутреннего класса» (в JavaScript их нет). Это просто создание свойства экземпляра и назначение class ему выражения с помощью предлагаемого синтаксиса свойств общедоступного класса, который по-прежнему является всего лишь предложением (хотя и очень далеко). Ваш код функционально идентичен этому:

 class Cookie{
    constructor(name){
        this.ChocolateChip = class{
            constructor(){
                
            }
            sayMyOuterClassName(){
                // console.log(???);
            }
        };
        this.name = name;
        this.someInstance = new this.ChocolateChip();
        this.someInstance.sayMyOuterClassName();
    }
}

let aCookie = new Cookie("Bob");
 

Он создает новый ChocolateChip класс для каждого экземпляра Cookie , а затем создает экземпляр этого нового класса. Но нет никакой обратной связи с ChocolateChip Cookie тем, что реализовано самим языком.