美文网首页
javascript中this的体现

javascript中this的体现

作者: mrquin6655 | 来源:发表于2017-06-19 04:28 被阅读27次

腾讯视频

this是javascript的关键字的一种,它指向的是一个对象。 而他表示哪个对象,则取决于引用环境。

规则:“函数在被调用时,其活动对象都会自动取得两个特殊变量 this 和 arguments。 内部函数在搜索这两个变量时,只会搜索到其活动对象为止.”

在不同环境下的THIS的指向

vargaObj={    

                    name:"名字",       

                 what:function(return(this))};    

                    gaObj.what();//返回gaObj

              functiongfa(){return(this);};        

                gfa();//返回window

当一个函数被调用时,拥有它的object会作为this传入。在全局下,就是window or global,其他时候就是相应的object。

知识剖析

1.几种不同的引用环境

2.几种不同的引用方式

全局环境中的this

console.log(this);

总结:在全局作用域中它的 this 执行当前的全局对象(浏览器端是 Window,node 中是 global)

在javascritp中,不一定只有对象方法的上下文中才有this, 全局函数调用和其他的几种不同的上下文中 也有this指代。 它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式:作为对象方法调用,作为函数调用,作为构造函数调用,和使用 apply 或 call 调用。

再比如:

作为函数调用:this被绑定到全局对象

functionmakeNoSense(x){

this.x = x;                 

 }                  

makeNoSense(5);                 

 x;// x 已经成为一个值为 5 的全局变量

又或者作为构造函数调用:this 绑定到新创建的对象上

functionPoint(x, y){

this.x = x;

this.y = y;                }

注:构造函数不使用new调用,则和普通函数一样。一般地,构造函数首字母大写

严格模式 ‘use strict’下的this

'use strict';functiontest(){

console.log(this);             

   };              

  test();// undefined

原因:this 并不会指向全局,而是 undefined,这样的做法是为了消除 js 中一些不严谨的行为

常见问题

.call, .apply, 中this的指向

指定了函数的上下文,改变了this的指向,在 JavaScript 中函数也是对象,对象则有方法,apply 和 call就是函数对象的方法。

varobj = {

name:"name1",

foo:function(){console.log(this);return(this);}

};varobj2 = {

name:"name2"};

obj.foo.call(obj2);//obj.foo方法,作为参数传递给obj2,obj中的this指向了obj2ga=obj.foo.call(obj2).name;//name2

obj.foo方法,作为参数传递给obj2,obj中的this指向了obj2

还有就是使用 apply调用

functionPoint(x, y){

this.x = x

;this.y = y;

this.moveTo =function(x, y){

this.x = x;

this.y = y;

}

}varp1 =newPoint(0,0);varp2 = {x:0, y:0};

p1.moveTo(1,1);

p1.moveTo.apply(p2, [10,10]);

其实归根到底,this它可以代表所调用的上级对象,比如windows本身,又或者一个定义了的数组或者单一对象,然后通过this关键字对其进行调用,而原生js里它还能和new关键字一起用。

相关文章

  • javascript中this的体现

    this是javascript的关键字的一种,它指向的是一个对象。 而他表示哪个对象,则取决于引用环境。 规则:“...

  • 开发中遇到的float double精度问题

    问题 javascript java中小数进行算术运算存在精度问题 在js中的体现2.32 * 100 = 231...

  • JavaScript数据类型

    JavaScript是一种弱类型语言,它所体现的万物皆对象在这一点上体现的十分明显 JavaScript五种数据类...

  • JavaScript中基本数据类型总结

    JavaScript 拥有动态类型 JavaScript 的变量是松散的,是一种弱类型或者说动态语言。具体体现在变...

  • JavaScript的封装

    JavaScript,也是一门面向对象编程的语言,但是一直没想过JavaScript的封装,继承,多态体现在哪里,...

  • 1body中添加js

    1 中的 JavaScript JavaScript 函数和事件上面例子中的 JavaScript 语句,会...

  • 爬取ajax异步网页数据

    ajax是通过javascript访问服务器获得数据的方式,数据并不会直接体现在html源码中,而且很大可能在源码...

  • JS中的类型转换

    JavaScript 中的类型转换 JavaScript 基本数据类型 JavaScript 中的一共有 8 中内...

  • 前端面试JS方法的各种实现代码

    在面试前端开发中,原生JavaScript能力的高低是占比很大的一个体现部分,不少考官会有要求现场写一些JS方法,...

  • js中的this

    javascript中的this javascript中的this与java中的this有点不同。ECMAScri...

网友评论

      本文标题:javascript中this的体现

      本文链接:https://www.haomeiwen.com/subject/nszwqxtx.html