您现在的位置是:首页 > Javascript
当前栏目
js中this的几种用法
2023-03-15 23:17:11 时间
使用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电脑。
相关文章
- TiDB Binlog 组件正式开源
- 使用Visual Studio Code对Node.js进行断点调试
- 推荐!数据可视化的十种优秀JavaScript图表库
- Node.js在复杂集成场景下占据统治地位的五个理由
- 玩转Node.js单元测试
- Node.js中内存泄漏分析
- Angular对React:一场关于Web开发者支持率的史诗对决
- 热点推荐:什么是后端开发?
- 谈谈Spring boot 启动层面的开发
- 使用NodeJS将文件或图像上传到服务器
- 编写React组件的最佳实践
- JavaScript MV*框架最值得关注的七个亮点
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件