js实现属性
JavaScript 实现属性的方法
在 JavaScript 中,可以通过多种方式实现对象的属性。以下是几种常见的方法:
对象字面量
使用对象字面量直接定义属性:
const obj = {
name: 'John',
age: 30
};
构造函数
通过构造函数定义属性:
function Person(name, age) {
this.name = name;
this.age = age;
}
const person = new Person('John', 30);
Object.defineProperty
使用 Object.defineProperty 方法定义属性,可以设置属性的特性(如可枚举、可配置等):

const obj = {};
Object.defineProperty(obj, 'name', {
value: 'John',
writable: true,
enumerable: true,
configurable: true
});
ES6 Class
使用 ES6 的类语法定义属性:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
const person = new Person('John', 30);
动态属性名
使用计算属性名动态定义属性:

const propName = 'name';
const obj = {
[propName]: 'John'
};
访问器属性
使用 getter 和 setter 定义访问器属性:
const obj = {
_name: 'John',
get name() {
return this._name;
},
set name(value) {
this._name = value;
}
};
原型属性
通过原型链定义属性:
function Person() {}
Person.prototype.name = 'John';
const person = new Person();
动态添加属性
在对象创建后动态添加属性:
const obj = {};
obj.name = 'John';
每种方法适用于不同的场景,选择合适的方法取决于具体需求。






