在 JavaScript 中，对象可以包含属性和方法。下面是定义对象方法的常用方式：
- 对象字面量
使用对象字面量定义对象时，可以将方法定义为对象的属性，值为一个函数表达式。
const person = {
name: 'Alice',
age: 30,
sayHello: function() {
console.log(`Hello, my name is ${this.name}.`);
}
};
person.sayHello(); // output: Hello, my name is Alice.
- 属性初始化器
使用属性初始化器来定义对象时，方法也可以定义为对象的属性。这种方式的语法更简洁。
const person = {
name: 'Bob',
age: 25,
sayHello() {
console.log(`Hello, my name is ${this.name}.`);
}
};
person.sayHello(); // output: Hello, my name is Bob.
- 构造函数
在构造函数中定义对象时，可以使用 this 关键字来定义对象的方法。
function Person(name, age) {
this.name = name;
this.age = age;
this.sayHello = function() {
console.log(`Hello, my name is ${this.name}.`);
};
}
const person = new Person('Charlie', 20);
person.sayHello(); // output: Hello, my name is Charlie.
- 原型
通过原型也可以定义对象的方法，这种方式可以在多个实例之间共享方法，节省内存空间。
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.sayHello = function() {
console.log(`Hello, my name is ${this.name}.`);
};
const person1 = new Person('David', 35);
const person2 = new Person('Emma', 40);
person1.sayHello(); // output: Hello, my name is David.
person2.sayHello(); // output: Hello, my name is Emma.
是的，还有一些常用的对象方法：
- call
call() 方法用于调用一个函数，并将一个指定的对象绑定到函数执行时的 this 关键字上。
const person = {
name: 'Alice',
age: 30,
sayHello(phrase) {
console.log(`${phrase}, my name is ${this.name}.`);
}
};
const anotherPerson = {
name: 'Bob',
age: 25
};
person.sayHello.call(anotherPerson, 'Hi'); // output: Hi, my name is Bob.
- apply
apply() 方法用于调用一个函数，并将一个指定的对象绑定到函数执行时的 this 关键字上，与 call 方法不同的是，该方法接收一个数组作为函数参数。
const person = {
name: 'Alice',
age: 30,
sayHello(phrase) {
console.log(`${phrase}, my name is ${this.name}.`);
}
};
const anotherPerson = {
name: 'Bob',
age: 25
};
person.sayHello.apply(anotherPerson, ['Hi']); // output: Hi, my name is Bob.
- bind
bind() 方法用于创建一个新函数，并将一个指定的对象绑定到函数执行时的 this 关键字上，该方法不会立即调用函数，而是返回一个新的函数对象。
const person = {
name: 'Alice',
age: 30,
sayHello(phrase) {
console.log(`${phrase}, my name is ${this.name}.`);
}
};
const anotherPerson = {
name: 'Bob',
age: 25
};
const greet = person.sayHello.bind(anotherPerson);
greet('Hi'); // output: Hi, my name is Bob.
- Object.assign
Object.assign() 方法用于将源对象的所有可枚举属性复制到目标对象中，如果有相同的属性，则后面的属性值会覆盖前面的属性值。该方法会返回目标对象。
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const result = Object.assign(obj1, obj2);
console.log(result); // output: { a: 1, b: 3, c: 4 }
当然，还有一些常用的对象方法：
- Object.keys
该方法用于返回一个给定对象所有可枚举属性的字符串数组。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj)); // output: ['a', 'b', 'c']
- Object.values
该方法用于返回一个给定对象所有可枚举属性的值的数组。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj)); // output: [1, 2, 3]
- Object.entries
该方法用于返回一个给定对象所有可枚举属性的键值对的数组。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj)); // output: [['a', 1], ['b', 2], ['c', 3]]
- hasOwnProperty
hasOwnProperty() 方法用于判断一个对象是否包含了指定的属性，该属性必须是对象本身拥有的，而不是继承自原型链上的属性。
const obj = { a: 1, b: 2 };
console.log(obj.hasOwnProperty('a')); // output: true
console.log(obj.hasOwnProperty('toString')); // output: false
- instanceof
instanceof 运算符用于检测一个对象是否属于某个类的实例。
class Animal {}
class Dog extends Animal {}
const animal = new Animal();
const dog = new Dog();
console.log(animal instanceof Animal); // output: true
console.log(dog instanceof Dog); // output: true
console.log(dog instanceof Animal); // output: true
是的，这里还有一些常用的对象方法：
- toString
toString() 方法用于将一个对象转换为字符串形式。
const obj = { a: 1, b: 2 };
console.log(obj.toString()); // output: "[object Object]"
- JSON.stringify
JSON.stringify() 方法用于将一个 JavaScript 对象转换为一个 JSON 字符串。
const obj = { a: 1, b: 2 };
console.log(JSON.stringify(obj)); // output: '{"a":1,"b":2}'
- JSON.parse
JSON.parse() 方法用于将一个 JSON 字符串转换为一个 JavaScript 对象。
const json = '{"a":1,"b":2}';
console.log(JSON.parse(json)); // output: { a: 1, b: 2 }
- Symbol
Symbol 是 ECMAScript 6 引入的新的原始数据类型，用于表示独一无二的变量名。它可以用作对象的属性名，避免属性名冲突。
const symbol = Symbol("description");
const obj = {
[symbol]: "Hello"
};
console.log(obj[symbol]); // output: "Hello"
- Promise
Promise 是 ECMAScript 6 引入的新的异步编程模型，用于处理复杂的异步操作。它可以避免回调嵌套和代码深度嵌套等问题，让异步编程更加简单和可维护。
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve("Hello");
}, 1000);
});
promise.then((result) => {
console.log(result); // output: "Hello"
});
