极客笔记JS中的属性
在JavaScript中，属性是与对象关联的值，它可以是一个简单的值（如字符串、数字）或一个函数。对象是JavaScript中的基本数据结构，可以是内置对象（如Array、Date等）或自定义对象。
创建属性
在JavaScript中，有多种方法可以创建属性。其中最常见的是使用点表示法或方括号表示法。
点表示法
使用点表示法可以直接访问对象的属性，如下所示：
let person = {
name: "Alice",
age: 30
};
console.log(person.name); // 输出 "Alice"
console.log(person.age); // 输出 30
方括号表示法
可以使用方括号表示法来访问对象的属性，这在属性名为变量或包含特殊字符时很有用。
let person = {
"first name": "Alice",
"last name": "Smith"
};
console.log(person["first name"]); // 输出 "Alice"
console.log(person["last name"]); // 输出 "Smith"
使用Object.defineProperty方法
可以使用Object.defineProperty方法来创建具有特定属性描述符的属性。
let obj = {};
Object.defineProperty(obj, 'name', {
value: 'Alice',
writable: true,
enumerable: true,
configurable: true
});
console.log(obj.name); // 输出 "Alice"
访问属性
在JavaScript中，可以通过点表示法或方括号表示法访问对象的属性。
使用点表示法
使用点表示法可以直接访问对象的属性。
let person = {
name: "Alice",
age: 30
};
console.log(person.name); // 输出 "Alice"
console.log(person.age); // 输出 30
使用方括号表示法
使用方括号表示法可以访问对象的属性，这在属性名为变量或包含特殊字符时很有用。
let person = {
"first name": "Alice",
"last name": "Smith"
};
console.log(person["first name"]); // 输出 "Alice"
console.log(person["last name"]); // 输出 "Smith"
修改属性
在JavaScript中，可以通过赋值操作来修改对象的属性。
let person = {
name: "Alice",
age: 30
};
person.age = 31;
console.log(person.age); // 输出 31
删除属性
可以使用delete操作符删除对象的属性。
let person = {
name: "Alice",
age: 30
};
delete person.age;
console.log(person.age); // 输出 undefined
属性描述符
在JavaScript中，每个属性都有相关的属性描述符，可以通过Object.getOwnPropertyDescriptor方法来获取属性的描述符。
let person = {
name: "Alice",
age: 30
};
let descriptor = Object.getOwnPropertyDescriptor(person, 'name');
console.log(descriptor);
// 输出 {value: "Alice", writable: true, enumerable: true, configurable: true}
属性特性
在JavaScript中，属性有四个特性：value、writable、enumerable和configurable。
- value：属性的值
- writable：属性是否可写（默认为true）
- enumerable：属性是否可枚举（默认为true）
- configurable：属性是否可配置（默认为true）
let person = {
name: "Alice",
age: 30
};
Object.defineProperty(person, 'name', {writable: false});
person.name = "Bob"; // 报错，无法修改不可写属性
for (let key in person) {
console.log(key); // 输出 "age"，因为name属性不可枚举
}
delete person.name; // 报错，无法删除不可配置属性
getter和setter
可以使用getter和setter来定义属性的读取和设置行为。
let person = {
age: 30,
get birthYear() {
return new Date().getFullYear() - this.age;
},
set birthYear(value) {
this.age = new Date().getFullYear() - value;
}
};
console.log(person.birthYear); // 输出 1991
person.birthYear = 1990;
console.log(person.age); // 输出 31
原型属性
JavaScript中的对象可以具有原型，原型是一个对象，其他对象可以继承它的属性。
let person = {
name: "Alice",
age: 30
};
let student = Object.create(person);
student.grade = "A";
console.log(student.name); // 输出 "Alice"
console.log(student.grade); // 输出 "A"
属性检查
在JavaScript中，可以使用in操作符或hasOwnProperty方法来检查对象是否具有某个属性。
let person = {
name: "Alice",
age: 30
};
console.log('name' in person); // 输出 true
console.log('gender' in person); // 输出 false
console.log(person.hasOwnProperty('name')); // 输出 true
console.log(person.hasOwnProperty('gender')); // 输出 false
属性枚举
可以使用Object.keys、Object.values和Object.entries方法来枚举对象的属性。
let person = {
name: "Alice",
age: 30
};
console.log(Object.keys(person)); // 输出 ["name", "age"]
console.log(Object.values(person)); // 输出 ["Alice", 30]
console.log(Object.entries(person)); // 输出 [["name", "Alice"], ["age", 30]]
小结
在JavaScript中，属性是与对象关联的值，可以通过多种方法来创建、访问、修改和删除属性。属性有多种特性，如可写、可枚举、可配置等，可以使用getter和setter来定义属性的读取和设置行为。对象可以具有原型，允许对象继承原型的属性。可以使用in操作符或hasOwnProperty方法来检查对象是否具有某个属性，并使用Object.keys、Object.values和Object.entries方法来枚举对象的属性。