Javascript笑话之setProps

今天我们来谈一谈Javascript中一个有趣的函数——setProps。

setProps函数可以用来设置对象属性的值，比如：

const person = {
  name: 'Alice',
  age: 30,
};

setProps(person, {
  age: 31,
});

console.log(person); // { name: 'Alice', age: 31 }

但是，有人调用这个函数的时候，会不小心设置了一些奇怪的属性，比如：

setProps(person, {
  age: 31,
  isHuman: false,
  canFly: true,
  favoriteColor: 'purple'
});

而这些属性在person对象中根本不存在，于是就造成了一些有趣的场景：

console.log(person.isHuman); // false
console.log(person.canFly); // true
console.log(person.favoriteColor); // 'purple'

因为Javascript中的对象特别灵活，所以在一些情况下，setProps函数甚至可以用来玩一些儿童气息的游戏，比如这个智力测试：

const myObj = { prop1: 'a', prop2: 'b'};
setProps(myObj, {
  prop3: 'c',
  prop4: 'd',
});

const result = 'Answer: ' + myObj.prop1 + myObj.prop2 + myObj.prop3 + myObj.prop4;
console.log(result); // Answer: abcd

当然，这只是小小的调皮一下，真正的代码中还是要慎用setProps函数，在设置属性值的时候要确保属性名的正确性，以免出现意外情况。