全局作用域或者普通函数中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
方法调用中谁调用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})
在以下选项卡的js编码中,this所起到的作用是---事件绑定,即调用 li[i] ,在此TagName中添加参数 class="on" ,调用css规则中的on,以此获得点击事件。
实践题 - 选项卡
- 房产
- 家居
- 二手房
275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房40平出租屋大改造 美少女的混搭小窝 经典清新简欧爱家 90平老房焕发新生 新中式的酷色温情 66平撞色活泼家居 瓷砖就像选好老婆 卫生间烟道的设计通州豪华3居260万 二环稀缺2居250w甩 西3环通透2居290万 130万2居限量抢购 黄城根小学学区仅260万 121平70万抛! 独家别墅280万 苏州桥2居优惠价248万