博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
this指向问题
阅读量:6196 次
发布时间:2019-06-21

本文共 1328 字,大约阅读时间需要 4 分钟。

js中的this指向十分重要,了解js中this指向是每一个学习js的人必学的知识点,今天没事,正好总结了js中this的常见用法,喜欢的可以看看:

  1. 全局作用域或者普通函数中this指向全局对象window。
//直接打印console.log(this) //window//function声明函数function bar () {console.log(this)} bar() //window //function声明函数赋给变量 var bar = function () {console.log(this)} bar() //window //自执行函数 (function () {console.log(this)})(); //window
  1. 方法调用中谁调用this指向谁
//对象方法调用var person = {    run: function () {console.log(this)} } person.run() // person //事件绑定 var btn = document.querySelector("button") btn.onclick = function () { console.log(this) // btn } //事件监听 var btn = document.querySelector("button") btn.addEventListener('click', function () { console.log(this) //btn }) //jquery的ajax $.ajax({ self: this, type:"get", url: url, async:true, success: function (res) { console.log(this) // this指向传入$.ajxa()中的对象 console.log(self) // window } }); //这里说明以下,将代码简写为$.ajax(obj) ,this指向obj,在obj中this指向window,因为在在success方法中,独享obj调用自己,所以this指向obj

 

3.在构造函数或者构造函数原型对象中this指向构造函数的实例

//不使用new指向windowfunction Person (name) {    console.log(this) // window this.name = name; } Person('inwe') //使用new function Person (name) { this.name = name console.log(this) //people self = this } var people = new Person('iwen') console.log(self === people) //true //这里new改变了this指向,将this由window指向Person的实例对象people

转载于:https://www.cnblogs.com/taochengyong/p/9281516.html

你可能感兴趣的文章
SVN钩子(hooks)的使用集-(保持SVN用例的同步)
查看>>
m邻接
查看>>
HDU 2807 The Shortest Path【矩阵的快速比较】
查看>>
POJ 1007 DNA Sorting【求逆序数】
查看>>
HDU 3395 Special Fish【KM】
查看>>
chapter1.7、Promise
查看>>
当PsychicBoom_发觉自己是个大SB的时候……
查看>>
黑马程序员-多线程-10天-2
查看>>
实体对象间传值克隆
查看>>
[Microsoft][ODBC 驱动程序管理器] 未发现数据源名称并且未指定默认驱动程序
查看>>
包装类(1)介绍
查看>>
Hadoop 高可用(HA)的自动容灾配置
查看>>
【live】do it! 成事
查看>>
hdu 1215 七夕节
查看>>
SRM 592 DIV2 报告
查看>>
kuangbin专题十六 KMP&&扩展KMP HDU4300 Clairewd’s message
查看>>
微软的DreamSpark计划-学生可免费使用vs2008 pro,sql server Dev 2005,Expression Studio等产品...
查看>>
bzoj 1040 骑士
查看>>
捕获软件异常,再次运行时发送到服务器
查看>>
输出引号的转义字符
查看>>