探索javascript----this的指向问题

*this只和执行环境有关,和声明环境无关。谁调用this,this就指向谁。

*this的指向分为四种:

  1.作为普通函数调用:

   

  2.作为对象的方法调用:

     指向对对象,但用新变量引用该方法时候,又变为普通函数调用,指向window:

   

   解释:方法其实就是一个对象中,属性赋了一个函数,而o.getN就代表这个函数,把它赋给一个新变量调用之,变成了普通函数调用。

3.在构造函数中,指向new运算符计算出来的实例对象。

  4.apply调用:

    apply的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用对象,所以,this就指向第一个参数。

    *当apply的参数为空或null时,默认调用全局函数。

    *有时候我们使用call和apply的目的并不在于指定this的指向,而是借用其他对象的方法,那么我们就传入null来代替某个具体的对象。

    Math.max.apply(null,[1,2,33,4,6]);//33

时间: 2024-10-12 07:41:20

探索javascript----this的指向问题的相关文章

javaScript的this指向总结(原创)

在javascript中this的指向一直是前端同事的心头病,也同时是各面试题的首选,现在我们就来总结一下js中this的指向.首先需要了解一下几个概念: 1:全局变量默认挂载在window对象下2:一般情况下this指向它的调用者3:es6的箭头函数中,this指向创建者,并非调用者4:通过call.apply.bind可以改改变this的指向 下面我们具体分析一下 1:在函数调用时 (非严格模式) 1 const func = function () { 2 console.log(this

JavaScript this的指向

this 的指向有几种情况: 全局对象(指向 window): 作为普通函数调用(指向 window): 作为对象方法调用(一般指向该对象): 构造器调用(一般指向构造器函数): Function.prototype.call 或 Function.prototype.apply 调用(指向 Function). 1. 全局对象的this 1 console.log(this); // this指向于window 2 3 function test(){ 4 console.log(11); 5

javascript this指针指向?

前言 理解javascript的指针就需要先了解js的执行环境和作用域!执行环境的定义了变量或函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有一个与之关联的变量对象,环境中定义的所有的变量和函数都保存在这个对象中.虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它. 1.全局执行环境 全局执行环境是最外围的一个执行环境,根据js实现的宿主环境的不同,表示执行环境的对象也不一样.在web浏览器中认为window就是全局执行的对象.因此所有的全局变量和函数都是作为w

JavaScript中this指向

一.重点来了,this指向问题: 1.this指向之普通函数. 2.this指向之对象 3.this指向之构造函数 4.this指向之(call,apply)动态更改this指向. 二.具体分析如下 1.普通函数 // 第23行的调用者为null,this指向也为null,// 所以这时js把this指向了window对象,所以弹出的结果是// n,这样不好的是会污染全局函数内带this的操作,不能直接调用; 2.对象 // 第34行是对象的say方法指针指向了一个存在的函数say();// 所

探索Javascript 异步编程

在我们日常编码中,需要异步的场景很多,比如读取文件内容.获取远程数据.发送数据到服务端等.因为浏览器环境里Javascript是单线程的,所以异步编程在前端领域尤为重要. 异步的概念 所谓异步,是指当一个过程调用发出后,调用者不能立刻得到结果.实际处理这个调用的过程在完成后,通过状态.通知或者回调来通知调用者. 比如我们写这篇文字时点击发布按钮,我们并不能马上得到文章发布成功或者失败.等待服务器处理,这段时间我们可以做其他的事情,当服务器处理完成后,通知我们是否发布成功. 所谓同步,是指当一个过

十分钟彻底理解javascript 的 this指向,不懂请砸店

函数的this指向谁,和函数在哪里被定义的,函数在哪里被执行的没有半毛钱关系,只遵守下面的规律: 在非严格模式中: 1.自执行函数里面,this永远指向window; <script> var a = 1; var o = { a: 2, fn: (function(){ //自执行函数,在定义的时候就已经执行啦 console.log('自执行函数里面是window',this.a); //自执行函数里面的this指向的是window return function() { // 但是这里的

JavaScript this的指向问题

this的指向 在函数创建的时候,this的指向还未确定,它最终指向调用它的对象 window.onload=function(){ window.a="我的曾经" function da(){ console.log(this.a) } da() //我的曾经} 解:window对da()函数进行调用,故this指向window window.onload=function(){ window.a="我的曾经" var bn={ a:"小白",

JavaScript中this指向的简单理解

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题. 为什么要学习this?如果你学过函数式编程,面向对象编程,那你肯定知道干什么用的,如果你没有学过,那么暂时可以不

JavaScript关键字this指向

在js中this始终指向一个调用函数的那个对象 var a='有种你干掉我啊'; //纯粹调用函数 function test(){ console.log(this.a);//默认指向全局对象 } //test();//=>windows.test() //作为对象的方法被调用 Function.prototype.log=function(){ console.log(this.a); } //此时t为一个函数对象,注意js中一切皆为对象,函数是特殊的对象,具有prototype而已 //t

探索Javascript异步编程

异步编程带来的问题在客户端Javascript中并不明显,但随着服务器端Javascript越来越广的被使用,大量的异步IO操作使得该问题变得明显.许多不同的方法都可以解决这个问题,本文讨论了一些方法,但并不深入.大家需要根据自己的情况选择一个适于自己的方法. 笔者在之前的一片博客中简单的讨论了Python和Javascript的异同,其实作为一种编程语言Javascript的异步编程是一个非常值得讨论的有趣话题. JavaScript 异步编程简介 回调函数和异步执行 所谓的异步指的是函数的调