js中this对象及其作用

曾经终败给现在 2022-01-26 11:59 283阅读 0赞

#                                              this对象 #

**this对象在js中是一个特殊的存在 它总是指向它所属的对象，它拥有的不同的值取决于它的不同的位置，一般情况下有一下几种：**

1.  **在方法中this所指的是其所有者的对象，一般用来建造构造函数。**
2.  **在单独使用的情况下，this一般指的全局对象，一般都是浏览器对象window。**
3.  **在函数中 this指的也是全局对象一般也都是浏览器对象window。**
4.  **在严格模式下 this一般是undefined。**
5.  **在事件中，一般是接收事件元素的对象。**

**下面是一些实例：**

*      var  student={
        				Sno:"No",
        				Sname:"瞿恒",
        				Sface:"最帅",
        				s:function(){
        					return this.Sname+""+this.Sface;
        				}
        			};
        			console.log(student.s());
    
    ![20190529004835189.PNG][]
 *      var quheng=this;
        			console.log(quheng);//控制台输出的是window
        			document.write(quheng);//this 指的是浏览器对象
    
    上
 *      //用来进行对象方法的绑定
        			var student={
        				Sno:"No",
        				Sname:"瞿恒",
        				Sface:"最帅",
        				s:function(){
        					return this;
        				}
        			};
        			console.log(student.s());//返回的是student对象及其属性;
        			document.write(student.s())//返回的是[object object];
    
    1
 *      //显示函数绑定
        			//call()和apply()方法都是预定的js方法
        			var  student={
        				Sno:"No",
        				Sname:"瞿恒",
        				
        			};
        			var student2={
        				S:function(){
        					return  this.Sno+""+this.Sname;
        				}
        			};
        			console.log(student2.S.call(student));
        			//call()和apply()用法相反
    
    1
 *      <button onclick="this.style.display='none'">瞿恒最帅</button>

[20190529004835189.PNG]: /images/20220126/91ec8ca62bd540c7bd72f17e0583974a.png