您现在的位置是：课程教程文章

js中this的几种用法

2023-12-15 20:56课程教程文章人已围观

课程介绍: 1、 js中this的几种用法课程推荐; 2、 js中this的几种用法课程专题

原生js贪吃蛇游戏实战开发【渡一教育】
原生js贪吃蛇游戏实战开发【渡一教育】原生html，css，js实现贪吃蛇小游戏。此课程由开发经验丰富的陈学辉老师精心录...
WEB全栈开发系统架构 | NodeJS | Webpack | 数据
WEB全栈开发系统架构 | NodeJS | Webpack | 数据...
Threejs物联网3D可视化(Three.js WebGL)——粮食
Threejs物联网3D可视化(Three.js WebGL)——粮食学员基础有前端基础，想通过Three.js实现仓储、园区等三维场景的物联网Web3D可...
Excel转Json工具
Excel转Json工具适用人群：初级、中级程序员以及游戏策划人员。特别适合中小团队或企业、...

使用JavaScript进行前端开发的过程中，this关键字的使用机制很复杂，可以指向调用当前方法的对象，会根据不同的情况this关键字会有不同的使用方法。

本文介绍JavaScript中this关键字的四种用法：1、在全局作用域当中this 永远指向 window；2、当函数有所属对象时指向所属对象；3、在构造器中的 this指向新对象；4、当apply 和 call 调用以及 bind 绑定指向绑定的对象。

1、在全局作用域当中：this 永远指向 window

alert(this)   //window`

2、函数有所属对象时：指向所属对象

var name = "clever coder";  
var person = {  
    name : "foocoder",  
    hello : function(sth){  
        console.log(this.name + " says " + sth);  
    }  
}  
person.hello("hello world");

3、构造器中的 this：指向新对象

  function Fn1(oval) {
        this.val = oval;
        console.log(this);  //Fn1 {val: "vvv"}
    }
 
    var val = new Fn1('vvv');
    console.log(val.val)//vvv

4、apply 和 call 调用以及 bind 绑定：指向绑定的对象

// 当一个函数被call或者apply调用时，this的值就取传入的对象的值
var obj={
x:10
};
var fn=function(){
console.log(this);//Object {x: 10}
console.log(this.x);//10
}
fn.call(obj);

以上就是JavaScript中this关键词的四种用法，大家可以根据具体的情况选择合适的方法使用哦~更多学习推荐：JavaScript教程。

本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

课程教程：js中this的几种用法