js 方法调用方法
时间: 2023-07-07 11:10:02 浏览: 53
在 JavaScript 中,我们可以通过以下两种方式调用方法:
1. 对象方法调用:当一个函数被定义为对象的一个属性时,我们可以通过对象来调用这个函数,如:
```
var obj = {
name: 'John',
sayHello: function() {
console.log('Hello, my name is ' + this.name + '!');
}
};
obj.sayHello(); // 输出 "Hello, my name is John!"
```
2. 函数调用:当一个函数不是对象的属性时,我们可以直接调用这个函数,如:
```
function sayHi(name) {
console.log('Hi, ' + name + '!');
}
sayHi('Tom'); // 输出 "Hi, Tom!"
```
需要注意的是,当一个函数被直接调用时,其内部的 `this` 指向全局对象 `window`,而不是当前对象。如果需要在函数内部使用当前对象,可以通过 `call` 或 `apply` 方法来改变 `this` 的指向,如:
```
var obj = {
name: 'John',
sayHello: function() {
console.log('Hello, my name is ' + this.name + '!');
}
};
var anotherObj = {
name: 'Tom'
};
obj.sayHello.call(anotherObj); // 输出 "Hello, my name is Tom!"
```
在上面的例子中,我们使用 `call` 方法将 `this` 的指向改为 `anotherObj`,从而在 `sayHello` 方法中使用了 `anotherObj` 的属性。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)