Установка `this. [Variable value]` в ES2015

Question

Как использовать значение переменной для установки свойства класса в ES2015?

Рассмотрим этот код:

class Test { 
    constructor() { 
    this.name = ""; 
    this.url = ""; 
    } 

    //Set the options for class 
    setOptions(options) { 
    for (option in options) { 
     this.option = options[option]; //Option 1 
     this[option] = options[option]; //Option 2 
    } 
    } 
} 

const test = new Test(); 
test.setOptions({name: 'Test', url: 'www.stackoverflow.com'}); 

Я знаю, что вариант 1 не должен работать, но, видя, как если бы Вариант 2 также не работает, я не знаю, как я должен задавать атрибуты класса программно.

Чтобы это было абсолютно ясно, я хочу установить «имя» и «url» в классе, а не свойство, называемое опцией.

Answer 1

Ошибка в синтаксисе for...in. option не определен, вы должны будете использовать for(var option in options) или for(let option in options)

При входе test после этого, с помощью опции 2, выход:

Test {name: "Test", url: "www.stackoverflow.com"}

class Test { 
 
    constructor() { 
 
    this.name = ""; 
 
    this.url = ""; 
 
    } 
 

 
    //Set the options for class 
 
    setOptions(options) { 
 
    for (let option in options) { 
 
     this[option] = options[option]; //Option 2 
 
    } 
 
    } 
 
} 
 

 
const test = new Test(); 
 
test.setOptions({name: 'Test', url: 'www.stackoverflow.com'}); 
 

 
console.log(test);

Как было предложено jfriend00, вы также можете просто использовать Object.assign:

class Test { 
 
    constructor() { 
 
    this.name = ""; 
 
    this.url = ""; 
 
    } 
 

 
    //Set the options for class 
 
    setOptions(options) { 
 
    Object.assign(this, options); 
 
    } 
 
} 
 

 
const test = new Test(); 
 
test.setOptions({name: 'Test', url: 'www.stackoverflow.com'}); 
 

 
console.log(test);

Answer 2

ES6 классы находятся в строгом режиме даже без "use strict".

Строгий режим запрещает неявные глобальные переменные.

option переменная не объявлена ​​нигде.

Таким образом, попытка присвоить ему какое-то значение будет вызывать ReferenceError.