js中this指向总结
来源:互联网 发布:淘宝刷销量平台 编辑:程序博客网 时间:2024/05/16 20:29
昨天,刚看了这部分内容,怕自己以后会忘记,所以这里做一个总结,也再次重温一遍知识点。
this指向,this指调用当前方法(属性)的对象,这里重点是首先要调用,后面才是对象,所以在js中
这算是简单的理解,也和全局变量局部变量的感觉差不多;
后期较为复杂的有用This或者that作为参数传参,然后达到一种自家用自家的数据但是互不影响的情况。
eg:html
<div id="thisbtn"> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button></div>
js
1、var thisbtn = document.getElementById("thisbtn");var othisbtn = thisbtn.getElementsByTagName("button");for(var i=0;i<othisbtn.length;i++){ othisbtn[i].onclick = function(){ this.style.background = "red"; //这里大家都知道this指代遍历的button }}2、var that = null;for(var i=0;i<othisbtn.length;i++){othisbtn[i].onclick= function(){ that = this;//这里将button的this赋值给that fn1(); //这里的this表示window 但是相当于里面传参that }}function fn1(){ that.style.background = "red"; //this表示window that表示button }//这样利用中间参数的转化实现数据的传递但是又不影响自己本省的实质3、这是看了妙味后大概总结的,知道有很多还没有深入进去,所以先暂时到这里,后期后for(var i=0;i<othisbtn.length;i++){othisbtn[i].onclick = fn1; //这里fn1里面的this表示当前button对象}
function fn1(){ this.style.background = "red"; }更好的理解后再来总结,期间有所不足还希望大家指正 这里写一点$(this)和this的区别;在看远人大神的视频的移动端相册的时候看到的 eg: <ul> <li>11</li> <li>22</li> <li>33</li> <li>444</li> </ul> <script> $("li").each(function(i,ele){ alert($(this)) //[object Object] alert(this)//[object HTMLliElement] this指的是,调用函数的那个html对象。 //结论:/* this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。 */ }) </script>
0 0
- js中this指向总结
- js中this指向总结
- js中this指向学习总结
- js中this指向学习总结
- JS中this指向
- js中this的指向
- js中this的指向
- js中this的指向
- js中this的指向
- js中 this 的指向
- js中this的指向
- js中this的指向
- JS中this的指向
- js中this指向问题
- Js中this的指向
- js中this指向问题
- JS 改变函数中 this 的指向
- [JS]事件函数中this的指向
- css中绝对定位absolute和相对定位relative
- 凝眉,时光深处
- android 知识点总结
- mysql 批量更新
- 关于redux-form和其他组件配合使用的一些坑
- js中this指向总结
- 响应式设计与自适应设计
- ibatis中配置sql语句in关键字的用法(遍历list和数组)。
- myeclipse部署maven项目到tomcat,src/main/resources里面配置文件部署不到webapp下classes的问题
- 普通引用和const引用的初始化
- redis集群搭建
- 手机开发中遇到关于QQ(普通版本)视频通话旋转问题总结:
- android调用输入法
- JS 数据属性 & 访问器属性