js .method()

const person = {
  name: 'Alice',
  age: 25,
  greet: function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

person.greet(); // 输出: Hello, my name is Alice and I am 25 years old.

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const alice = new Person('Alice', 25);
alice.greet(); // 输出: Hello, my name is Alice and I am 25 years old.

const button = document.querySelector('button');
button.addEventListener('click', function() {
  console.log('Button clicked!');
});

const person = {
  name: 'Alice',
  greet: function() {
    setTimeout(function() {
      console.log(`Hello, my name is ${this.name}.`);
    }.bind(this), 1000);
  }
};

person.greet(); // 输出: Hello, my name is Alice.

const person = {
  name: 'Alice',
  greet: function() {
    setTimeout(() => {
      console.log(`Hello, my name is ${this.name}.`);
    }, 1000);
  }
};

person.greet(); // 输出: Hello, my name is Alice.

const person = {
  name: 'Alice',
  greet: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

const greetFunc = person.greet.bind(person);
greetFunc(); // 输出: Hello, my name is Alice.