(Werbung, bitte nicht blockieren.)

Quizze » Objekte

1. Objektliterale

const obj = {
  true: 'a',
  ['true']: 'b',
  [true]: 'c',
};
const result = Object.keys(obj).length;

Was passiert?

2. Berechnete Eigenschaftsschlüssel (1/6)

const foo = 'bar';
const obj = {
  foo: 'a',
  [foo]: 'b',
};
const result = obj.foo;

Was passiert?

3. Berechnete Eigenschaftsschlüssel (2/6)

const foo = 'bar';
const obj = {
  foo: 'a',
  [foo]: 'b',
};
const result = obj.bar;

Was passiert?

4. Berechnete Eigenschaftsschlüssel (3/6)

const foo = 'bar';
const obj = {
  foo: 'a',
  [foo]: 'b',
};
const result = obj[foo];

Was passiert?

5. Berechnete Eigenschaftsschlüssel (4/6)

const foo = 'bar';
const obj = {
  foo: 'a',
  [foo]: 'b',
};
const result = obj[bar];

Was passiert?

6. Berechnete Eigenschaftsschlüssel (5/6)

const foo = 'bar';
const obj = {
  foo: 'a',
  [foo]: 'b',
};
const result = obj['foo'];

Was passiert?

7. Berechnete Eigenschaftsschlüssel (6/6)

const foo = 'bar';
const obj = {
  foo: 'a',
  [foo]: 'b',
};
const result = obj['bar'];

Was passiert?

8. Objekte durchlaufen (1/4)

const symbol1 = Symbol('symbol1');
const symbol2 = Symbol('symbol2');

const obj = {
  name1: 0,
  [symbol1]: 0,
};
Object.defineProperties(obj, {
  name2: { enumerable: false, value: 0 },
  [symbol2]: { enumerable: false, value: 0 },
});

const result = Object.keys(obj);

Was ist das Ergebnis?

9. Objekte durchlaufen (2/4)

const symbol1 = Symbol('symbol1');
const symbol2 = Symbol('symbol2');

const obj = {
  name1: 0,
  [symbol1]: 0,
};
Object.defineProperties(obj, {
  name2: { enumerable: false, value: 0 },
  [symbol2]: { enumerable: false, value: 0 },
});

const result = Reflect.ownKeys(obj);

Was ist das Ergebnis?

10. Objekte durchlaufen (3/4)

const symbol1 = Symbol('symbol1');
const symbol2 = Symbol('symbol2');

const obj = {
  name1: 0,
  [symbol1]: 0,
};
Object.defineProperties(obj, {
  name2: { enumerable: false, value: 0 },
  [symbol2]: { enumerable: false, value: 0 },
});

const result = Object.getOwnPropertyNames(obj);

Was ist das Ergebnis?

11. Objekte durchlaufen (4/4)

const symbol1 = Symbol('symbol1');
const symbol2 = Symbol('symbol2');

const obj = {
  name1: 0,
  [symbol1]: 0,
};
Object.defineProperties(obj, {
  name2: { enumerable: false, value: 0 },
  [symbol2]: { enumerable: false, value: 0 },
});

const result = Object.getOwnPropertySymbols(obj);

Was ist das Ergebnis?

12. Methoden aufrufen

const jane = {
  name: 'Jane',
  hello() {
    return `Hello ${this.name}!`;
  },
};
const func = jane.hello;

Welche dieser Möglichkeiten, obj.hello aufzurufen, funktionieren?

13. Prototypketten

const proto = { prop: 'a' };
const obj = Object.create(proto);

obj.prop = 'b';

Was ist proto.prop?

14. Prototypketten

const proto = {
  foo: 'p',
  logFoo() {
    console.log(this.foo);
  }
};
const obj = {
  foo: 'o',
  __proto__: proto,  
};

proto.logFoo.call(obj);
proto.logFoo.call(proto);

Was passiert?


Richtige Antworten0von0