ES2015の `this。[variable value]`を設定する

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も動作しませんが、私は私がになってるかわからないと見てクラス属性をプログラムで設定します。

私はそれを絶対にはっきりさせるために、オプションと呼ばれるプロパティではなく、クラスに 'name'と 'url'を設定したいと考えています。

Answer 1

エラーはfor...in構文です。

​​

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);

：optionが定義されていない、あなたはfor(var option in options)またはfor(let option in options)

オプション2を使用して、その後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"なくてstrictモードです。

厳密モードでは、暗黙のグローバルを禁止します。

option変数はどこにも宣言されていません。

したがって、値を割り当てようとすると、ReferenceErrorがスローされます。