js方法的调用

// 实例方法
const person = {
  name: 'Alice',
  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
};
person.greet(); // 输出: Hello, my name is Alice

// 静态方法
class MathUtils {
  static square(x) {
    return x * x;
  }
}
console.log(MathUtils.square(5)); // 输出: 25

// 原型方法
function Person(name) {
  this.name = name;
}
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};
const person2 = new Person('Bob');
person2.greet(); // 输出: Hello, my name is Bob

// 使用箭头函数解决 this 上下文问题
const obj = {
  name: 'Charlie',
  greet: () => {
    console.log(`Hello, my name is ${this.name}`); // 这里的 this 不会指向 obj
  }
};
obj.greet(); // 输出可能不是预期的

// 正确的做法
const obj2 = {
  name: 'Charlie',
  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
};
obj2.greet(); // 输出: Hello, my name is Charlie

// 或者使用 .bind(this)
const obj3 = {
  name: 'Charlie',
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }.bind(this)
};
obj3.greet(); // 输出: Hello, my name is Charlie