JavaScript，对象的属性名如何使用一个变量来表示？

let obj = {
  name: "苏南大叔",
  attr: "无法变化的属性名",
};
console.log(obj);            // {name: '苏南大叔', attr: '无法变化的属性名'}
console.log(obj.attr);       // 无法变化的属性名
// console.log(obj[attr]);   // Uncaught ReferenceError: attr is not defined
console.log(obj["attr"]);    // 无法变化的属性名

let attr = "test";
let obj2 = {
  name: "sunan大叔",
  [attr]: "自定义属性名",
};
console.log(obj2);        // {name: 'sunan大叔', test: '自定义属性名'}
console.log(obj2.attr);   // undefined
console.log(obj2[attr]);  // 自定义属性名

let attr_cn = "中文";
let obj3 = {
  name: "sunan大叔",
  [attr_cn]: "自定义中文属性名",
};
console.log(obj3);           // {name: 'sunan大叔', 中文: '自定义属性名'}
console.log(obj3.attr_cn);   // undefined
console.log(obj3[attr_cn]);  // 自定义中文属性名