addeventlistener this指向window

2024-11-03

addEventListener attachEvent和解决IE 6 7 8 this指向错误

[JS] addEventListener attachEvent和解决IE 6 7 8 this指向错误电梯直达 1# php 发表于 2014/4/13 01:17 | 只看该作者标准浏览器中可以使用addEventListener()函数来给DOM元素绑定事件,使用removeEventListener()函数移除事件绑定,而IE6 IE7 IE8不支持addEventListener()和removeEventListener(),只能使用attachEvent()和de

函数内部的函数中的this都是指向window

刚看到一个问题关于this的, var name="the window"; var object={ name:"silence", packname:function(){ return this.name; } } console.log(object.packname()); 一般而言,在Javascript中,this指向函数执行时的当前对象.这个this指object.输出结果为 silence 改变一下 var name="the windo

call/apply的第一个参数如果为null。this指向window

call/apply是用来改变函数的作用域的,第一次参数为this,第二个参数为传输的值,例如 var a ="windowA"; var b = "windowB"; var str = "str"; var myObject = {a:"myA",b:"myB"}; function hello(s){ alert("a= "+this.a + ", b= "+t

Atitit.js this错误指向window的解决方案

Atitit.js this错误指向window的解决方案 1.1. 出现地点and解决之道1 1.2. call,apply和bind这三个方法2 1.2.1. Function.prototype.call2 1.3. 在函数内部出现的this,指什么要看这个this所在的函数的被调用方式. 不论这个this出现在什么样的函数中,层次有多深,结构多复杂,只要看直接包含它的函数即可.例如: (1) 被直接调用时,this指全局对象window.3 2. ref3 1.1. 出现地点and解决

闭包中this指向window的原因

setTimeout中所执行函数中的this，永远指向window

注意是要延迟执行的函数中的this哦!! //片段一 setTimeout("alert(this)", 1); // [object Window] //片段二 var obj = { say: function() { setTimeout("alert('in obj ' + this)", 0) } } obj.say(); //片段三 var obj = { say: function() { setTimeout(function(){alert(thi

javascript函数自执行里的this为什么指向window

当你要确定“函数中的this是什么”的时候,永远不要到函数定义的地方去找答案!而是要到函数被调用的地方找答案! 具体说:函数里面的this的含义,是由它被调用的方式决定的. 换句话说,当你看到下面的代码时: a.f(); 你就可以确定f里面的this就是指a,而不管f是个什么玩意.当你看到下面的代码时: f(); 你就可以确定(不考虑bind,以及严格模式时情况下),f里面的this就是指全局对象window. 所以,函数定义的方式(通过函数声明.函数表达式.new Function)与this

统一addEventListener与attachEvent中this指向问题

1.this指向问题使用addEventListener注册的事件,事件处理函数中 this指向目标元素: 使用attachEvent注册的事件,事件处理函数中 this指向window对象要想将二者统一,可采用下面方法: function addEvent(ele,evtType,handler){ if(ele.addEventListener){ ele.addEventListener(evtType,handler,false); }else if(ele.attachEvent)

(function(){}).call(window) 严格模式匿名函数的this指向undefined

上次在群里,看到有人发出 (function(){}).call(window) 这么一段代码,问这有什么意义,匿名函数中的this不是始终都指向window的么,为什么还要call,我当时也很疑惑. 前段时间请假回家,在火车上没事看javascript权威指南,上面看到了 ECMAScript5标准下,严格模式中匿名函数的的this指向的是undefined,不是window, 我想这应该就是原因了吧. (function() { console.log(this); // window })

深入理解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 指向问题ES5

ES5中this的指针按照this指针的优先级,列出下面常会遇到的四种情况,从上到下依次是优先级从高到低(后面会详细比较优先级). 函数是和new一起被调用的吗(new绑定)?如果是,this就是新构建的对象. var bar = new foo() 函数是用call或apply被调用(明确绑定),甚至是隐藏在bind 硬绑定之中吗?如果是,this就是明确指定的对象. var bar = foo.call( obj2 ) 函数是用环境对象(也称为拥有者或容器对象)被调用的吗(隐含绑定)?如

面试官问：JS的this指向

前言面试官出很多考题,基本都会变着方式来考察this指向,看候选人对JS基础知识是否扎实.读者可以先拉到底部看总结,再谷歌(或各技术平台)搜索几篇类似文章,看笔者写的文章和别人有什么不同(欢迎在评论区评论不同之处),对比来看,验证与自己现有知识是否有盲点,多看几篇,自然就会完善自身知识. 附上之前写文章写过的一段话:已经有很多关于this的文章,为什么自己还要写一遍呢.学习就好比是座大山,人们沿着不同的路登山,分享着自己看到的风景.你不一定能看到别人看到的风景,体会到别人的心情.只有自己去登山

第149天：javascript中this的指向详解

js中的this指向十分重要,了解js中this指向是每一个学习js的人必学的知识点,今天没事,正好总结了js中this的常见用法,喜欢的可以看看: 1.全局作用域或者普通函数中this指向全局对象window. //直接打印 console.log(this) //window //function声明函数 function bar () {console.log(this)} bar() //window //function声明函数赋给变量 var bar = function () {c

attachEvent 中this指向

IE中使用的事件绑定函数与Web标准的不同,而且this指向也不一样,Web标签中的this指向与传统事件绑定中的this一样,是当前目标,但是IE中事件绑定函数中this指向,通过使用call或apply可以改变this指针的指向. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>attachEvent 中t

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

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

写一个addEventListener以及removeEventListener

第一步:对象属性赋值为函数,对象内部函数控制年龄这一参数变化,同时成长事件也执行. class Person{ constructor(){ this.name = ''; this.age = 0; this.growup()//不断成长 this.growEvent = null//成长经历的事情 } setName(val){ this.name = val } growup(){ let _this = this; setInterval(()=>{ _this.age++; if(_t

JavaScript初探系列（五）——this指向

一.涵义 this关键字是一个非常重要的语法点.毫不夸张地说,不理解它的含义,大部分开发任务都无法完成.this可以用在构造函数之中,表示实例对象.除此之外,this还可以用在别的场合.但不管是什么场合,this都有一个共同点:它总是返回一个对象.简单说,this就是属性或方法“当前”所在的对象. this.property 上面代码中,this就代表property属性当前所在的对象.下面是一个实际的例子. var person = { name: '张三', describe: functi

this指向详解及改变它的指向的方法

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

js 函数的this指向

一. 1.es5: 函数里的this指向分两种,一种正常函数调用指向被调用的对象,比如: test=()=>{ console.log(this) }; test();//是当前window调用,所以this指向window. 在事件调用里.this指向为当前调用时间的dom元素. //es5 this指向调用时间的dom元素 btn.onclick=function () { console.log(this) } 2.es6: es6 如上情况this指向为window. let btn=

js改变this指向

js中修改this的指向方法整理 call,apply,bind 以上的三哥方法都是用来改变js中this的指向 call 使用方法:fun.call(thisArg[,arg1[, arg2[, ...]]]) 该方法传递一个thisArgs和一个参数列表,thisArgs制定了函数在运行中的调用者,也就是函数中的this对象,而参数列表会被传入调用函数中. call 方法可以在一个对象上借用另一个对象的方法案例:Object.prototype.tostring.call([]).一个A

addeventlistener this指向window

热门专题