18-1-函数中this的指向

改变函数中的 this 指向——神奇的call,apply和bind及其应用

在JavaScript 中,call.apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果.本文将对这三个方法进行详细的讲解,并列出几个经典应用场景. 1.call(thisArgs [,args...]) 该方法可以传递一个thisArgs参数和一个参数列表,thisArgs 指定了函数在运行期的调用者,也就是函数中的 this 对象,而参数列表会被传入调用函数中.thisArgs 的取值有以下4…

JS回调函数中的this指向(详细)

首先先说下正常的this指向问题什么是this:自动引用正在调用当前方法的.前的对象. this指向的三种情况 1. obj.fun() fun中的this->obj,自动指向.前的对象 2. new Fun() Fun中的this->正在创建的新对象,new改变了函数内部的this指向,导致this指向实例化new的对象 3. fun()和匿名函数自调 this默认->window,函数内部的this,this默认是指向window的回调函数中的this指向问题,…

Javascript回调函数中的this指向问题

使用js中的定时器(setInterval,setTimeout),很容易会遇到this指向的问题. 直接上例子: 1 var name = 'my name is window'; 2 var obj = { 3 name: 'my name is obj', 4 fn: function () { 5 var timer = null; 6 clearInterval(timer); 7 timer = setInterval(function () { 8 console.log(this…

React之函数中的this指向

我们都知道在React中使用函数时,有两种写法,一是回调函数,二是直接调用,但需要在构造函数中绑定this,只有这样,函数中的this才指向本组件总结一下没有绑定this的函数中的this指向不管是在本组件的元素上调用的函数还是传递给子组件的函数,不管有没有绑定this,它们调用的都是本组件里的函数,即调用函数的this指向的是本组件例如: class Parent extends React.Component { constructor(props) { supper(props);…

js闭包中的this（匿名函数中的this指向的是windows）

js闭包中的this(匿名函数中的this指向的是windows) 一.总结 1.普通函数中的this指向的是对象,匿名函数中的this指向的是windows,和全局变量一样 2.让匿名函数中的this指向对象的两种方法可以使用对象冒充强制改变this的指向将this赋值给一个变量,闭包访问这个变量二.js闭包中的this 闭包中的this问题之前的课程中讲过this是在运行时基于函数的执行环境来绑定的全局函数中的this是window,而当函数作为某个对象的方法调用时,this就是指…

JS的一些总结（函数声明和函数表达式的区别，函数中的this指向的问题，函数不同的调用方式，函数也是对象，数组中的函数调用）

一.函数声明和函数表达式的区别: 函数声明放在if——else语句中,在IE8中会出现问题函数表达式则不会 <script> if(true){ function f1(){ console.log("我是第一个函数"); } }else{ function f1(){ console.log("我是第二个函数"); } } f1();//我是第一个函数 f1();//我是第二个函数(IE8) //函数声明的函数,放在if--else语句中,在IE8中…

彻底搞清函数中的this指向

近日阅读<javascript设计模式与开发实践> 书中的apply和call调用函数层出不穷,很多妙用: 函数中的this是根据调用方式来决定的函数调用方式有4中 1.直接调用 a(...arg); 函数a中的this总是绑定的window /严格模式下绑定的undefined2.方法调用 a.b(...arg); 方法函数b会返回当前执行上下文的对象a:如果a.b.c(); 那么此时返回的就是b3.构造器调用 new a(...arg);构造器不会引用任何上下文的内容,只是单纯的根据自己…

普通函数跟箭头函数中this的指向问题

箭头函数和普通函数的区别如下. 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (常见的window的属性和方法有: alert, lo…

箭头函数，闭包函数中的this指向

在javscript中,this 是在函数运行时自动生成的一个内部指针,它指向函数的调用者. 箭头函数有些不同,它的this是继承而来, 默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象. var name = "window"; var test = { name:"demo", // 传统函数 getName1: function(){ console.log(this.name); // demo var that = this; setTimeo…

函数中this的指向

每个函数在被调用时都会自动取得两个特殊变量:this和arguments:内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中的这两个变量. f 1 var name = "The Window" var object = { name: "My Object", getNameFunc : function() { console.log(this.name); //输出:My Object return function() {…

js函数中this的指向

本文是我个人对this指向的一些理解,如有不足之处,还望大家可以批评指正,在此先谢过了! 首先,我们来回顾一下ES5里函数的几种调用方式: 1⃣️直接调用 foo(); 2⃣️方法调用 obj.foo(); 以上两种调用方法,this的指向可以这样去确定: 函数的调用者就是this的指向! 例如 obj.foo(); 里.foo()前面obj就是调用者,所以this的指向就是obj,而直接调用的foo()等价于window.foo();这样的话,上面两种调用方法的this指向就显而易见了,1⃣️…

区别ES3ES5和ES6this的指向问题。区分普通函数和箭头函数中this的指向问题

ES3 ES5this的指向问题 this指的是该函数被调用的对象 var foo = function () { this.a = 'a', this.b = 'b', this.c = { a: 'new a', b: function () { //new a 此时this指的是该函数被调用的对象 return this.a; } } } console.log(new foo().c.b()); //new a ES6的箭头函数箭头函数的this指的是定义时this的指向,b在定义时,…

JS高级 — 函数中的this指向问题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>函数的角色</title> </head> <body> <script> // 二…

深入理解JS函数中this指针的指向

函数在执行时,会在函数体内部自动生成一个this指针.谁直接调用产生这个this指针的函数,this就指向谁. 怎么理解指向呢,我认为指向就是等于.例如直接在js中输入下面的等式: console.log(this===window);//true 情况不同,this指向的对象也不同.例如: 1. 函数声明的情况 var bj=10; function add(){ var bj=20; console.log(this);//window console.log( console.log(b…

箭头函数中可改变this作用域，回调函数用箭头函数this指向page，自定义事件用箭头函数this指向undefined

1.回调函数中,用箭头函数改变this的作用域 success: (res)=>{ this.setData({ //此时,this指向page页面 ... }) } 2.自定义事件中,如果使用箭头函数,则箭头函数中的this指向undefined,不指向page onLike: (event)=>{ likeModel.like(this.data.classic.id) //报错,this指向undefined }, 需要修改成传统函数形式 onLike: function(event){…

改变JavaScript中函数的内部this指向！

改变JavaScript中函数的内部this指向! 第一种方法 call call 可以调用函数 + 改变函数内的this指向! var obj = { name: 'lvhang' } function fun(a, b) { console.log(this); console.log(a + b) } // 需求, 让fun函数中的this指向obj对象!还可以进行参数传递! fun(obj, 4, 6); call 主要作用可以实现继承! // call 主要作用可以实现继承! fun…

javascript中的this指向问题

在深入学习JavaScript之后,我们越来越多的会遇到函数或者在对象内部中,对于this的指向问题的疑惑,其实基本上每一个编程语言中都有一个this,这个this的指向都是大同小异,你也可以汉化它的意思,this的意思是这个,就是本身的意思,那么在JavaScript中,我们的this代替的那个本身到底会随着代码情况的不同而有什么变化呢?今天,我们就来一体探讨一下JavaScript中关于this的指向问题: 首先呢,this可以指向window对象,和其他调用它的对象,当然,在严格模式下,它…

理解 JS 回调函数中的 this

任何变量或对象都有其赖以生存的上下文.如果简单地将对象理解为一段代码,那么对象处在不同的上下文,这段代码也会执行出不同的结果. 例如,我们定义一个函数 getUrl 和一个对象 pseudoWindow. function getUrl() { console.log(this.document.URL); } var pseudoWindow = { document: { URL: "I'm fake URL" }, getUrl1: getUrl, getUrl2: functi…

Js中的this指向问题

函数中的this指向和当前函数在哪定义的或者在哪执行的都没有任何的关系分析this指向的规律如下: [非严格模式]1.自执行函数中的this永远是window [案例1] var obj={ fn:(function(i){ //this->window return function(){ //this->obj } })(0) }; obj.fn(); 2.给元素的某个行为绑定一个方法,当行为触发的时候,执行绑定的方法,此时方法中的this是当前的元素 [案例1] oDiv.onclick…

JavaScript 中的this指向问题

全局执行首先,我们在全局环境中看看它的 this 是什么: 浏览器: console.log(this); // Window {speechSynthesis: SpeechSynthesis, caches: CacheStorage, localStorage: Storage, sessionStorage: Storage, webkitStorageInfo: DeprecatedStorageInfo…} 可以看到打印出了 window 对…

Javascript定时器中的this指向

使用js中的定时器(setInterval,setTimeout),很容易会遇到this指向的问题. 直接上例子: var name = 'my name is window'; var obj = { name: 'my name is obj', fn: function () { var timer = null; clearInterval(timer); timer = setInterval(function () { console.log(this.name); //my na…

JS中的this 指向问题

我发现在对JS的学习中有很多朋友对this的指向问题还是有很大的误区或者说只是大致了解,但是一旦遇到复杂的情况就会因为this指向问题而引发各种bug. 对于之前学习过c或者是Java的朋友来说可能这个问题还比较好解决,因为c中指针的指向和Java中类的跳转其实和JS中this的指向有异曲同工之妙. 在这里简单给大家稍微举几个例子希望对大家有所帮助. JS中this的指向不同于其他语言,JS中的this不是指向定义他的位置,而是在哪调用它它就指向哪里. JS中,普通的函数调用方式有三种:直接…

javascript函数作用域及this指向详解

一.先说一个简单的概念--变量提升: 通过function+函数名的方式,声明的函数,可以在代码中的任何位置调用: 通过var定义变量的方式,声明的函数,则必须在声明之后进行调用,原因就是在变量定义之前调用时,变量的值为undefined: 二.说一个特别重要的概念--函数在定义的时候(不是在调用的时候),就已经确定了函数内部自由变量的作用域: 上面的概念对于理解this指向特别重要!!! 1.首先看一个例子: bar(fn)中,fn函数执行,其this的指向毫无疑问是指向window的,但是b…

用最简单的方法判断JavaScript中this的指向

目录 * 一个特例 * 开始判断 * 法则一:对象方法中的this指向对象本身(箭头函数形式的除外) * 法则二:多层嵌套函数中的this指向等同于包含该this的最近一个function的this * 法则三:箭头函数以及非指向对象方法中的function的情况下this指向window * 习题集 * 普通函数中的this * 函数执行后返回另外一个函数中的this(普通函数中) * 多层嵌套函数中的this(定时器&箭头函数)1 * 多层嵌套函数中的this(定时器&箭头函数)2 一…

addEventListener和attachEvent二者绑定的执行函数中的this不相同【转载】

yuanwen http://www.jb51.net/article/32511.htm 写 addEventListener 和 attachEvent 区别的博文不少,不过大部分都把重点放置于前者是Firefox chrome,后者只是存在于IE系列中写 addEventListener 和 attachEvent 区别的博文不少,不过大部分都把重点放置于前者是Firefox chrome,后者只是存在于IE系列中. 最近在写一个事件代理的时候,遇到一个BUG,发现除此外,二者绑…

JS 中的this指向问题和call、apply、bind的区别

this的指向问题一般情况下this对象指向调用函数的对象,全局环境中执行函数this对象指向window. function a(){ console.log(this); //输出函数a中的this对象 } function b(){}; var c={name:"call"}; //定义对象c var c = { getFunc:function(){ return function(){ console.log(this) } } } var cFun = c.getFunc…

Javascript中的this指向。

一.JavaScript中的函数在了解this指向之前,要先弄明白函数执行时它的执行环境是如何创建的,这样可以更清楚的去理解JavaScript中的this指向. function fn(x,y,name){ var str1=x; var str2=y; this.name=name; function(){ alert(str1,str2); } }fn(1,1,Admin); 当调用fn(1,1,Admin)时,首先函数会创建一个活动对象,也叫做变量对象,接着为函数调用创建一个类似数组的…

JavaScript中 this 的指向

很多人都会被JavaScript中this的指向(也就是函数在调用时的调用上下文)弄晕,这里做一下总结: 首先,顶层的this指向全局对象. 函数中的this按照调用方法的不同,其指向也不同: 1.函数调用中的this指向全局对象 2.方法调用的函数中的this指向调用函数的对象: function AnObject(name){ this.name = name; this.getThis = function(){ console.log(this); } } var ob = new An…

python函数中参数是如何传递的？

python中一切皆对象,函数中参数传递的是对象的引用. 1在函数中改变变量指向的对象,即指向不同对象. 当在函数中修改传递进来的变量指向另一个对象时,实参的对象不会改变. >>> def fun(num,l,d): ... num=; ... l=[,,] ... d={} ... print("inside:","num=%f,l=%s,d=%s"%(num,l,d)) ... >>> num= >>> l=…

ES6和ES5中的this指向问题

不多逼逼直接上代码: var name = "window"; var obj = { name: 'obj', //普通函数 one: function(){ console.log(this.name) }, //箭头函数 two: ()=> { console.log(this.name) }, //普通函数中的箭头函数 three: function(){ (()=>{ console.log(this.name) })() }, //多层箭头函数 four: (…

【18-1-函数中this的指向】的更多相关文章