如何无需函数调用,基于同对象另一属性计算对象属性值
解决方案:直接获取基于对象属性计算的布尔值属性
问题描述
需要直接通过obj.isActive(而非obj.isActive())获取属性值,该值需基于对象的name属性计算。原代码中isActive是函数,使用IIFE初始化时出现TypeError: Cannot read properties of undefined (reading 'length')错误。
错误原因
IIFE执行时,当前对象还未完成创建,此时IIFE内部的this并不指向正在构建的对象——在非严格模式下,this会指向全局对象(浏览器端为window,Node.js端为globalThis),导致this.name为undefined,触发报错。
可行解决方案
方案1:使用Getter属性(推荐,支持动态更新)
Getter属性会在你访问obj.isActive时自动执行计算逻辑,既满足直接访问的需求,又能在name属性变化时自动更新结果:
let obj = { name: "X Æ A-12 Musk", get isActive() { return this.name.length > 4; } }; console.log(obj.isActive); // 输出: true console.log(obj); // { // name: 'X Æ A-12 Musk', // get isActive: [Function: get isActive] // }
后续修改name后,isActive会自动重新计算:
obj.name = "Bob"; console.log(obj.isActive); // 输出: false
方案2:先创建对象再赋值(静态值,不随name更新)
如果只需要初始化一次isActive的值,不需要后续动态更新,可以先完成对象创建,再手动计算赋值:
let obj = { name: "X Æ A-12 Musk" }; obj.isActive = obj.name.length > 4; console.log(obj.isActive); // 输出: true console.log(obj); // { // name: 'X Æ A-12 Musk', // isActive: true // }
这种方式下,后续修改name不会改变isActive的值,适合静态场景。
内容的提问来源于stack exchange,提问作者aldobsom
相关产品推荐
相关产品推荐

