草庐IT

activate_this

全部标签

javascript - 使用 event.target.id 从 bind(this) 获取 id 时意外使用 'event' no-restricted-globals

此代码适用于Codepen:参见https://codepen.io/pkshreeman/pen/YQNPKB?editors=0010然而,我试图在我自己的“create-react-app”中使用它,并且“no-restricted-globals”的错误是由event.target.id触发的。有什么解决方法。除了使用事件目标之外,您如何从“this”中获取id?constElem=(props)=>{return(GoodMorning!{props.name}{props.last}Thisisphasethree{props.text}SecondButton);};cl

javascript - 我的 'this' 在哪里?使用对象方法作为回调函数

我有一个关于javascript规范或函数指针(委托(delegate)?)实现的一般性问题,它们指向对象方法。请阅读以下代码片段。这里我们有一个对象,其方法使用“this”来访问对象字段。当我们像往常一样调用此方法时(o.method();),返回对象指定字段的值。但是当我们创建指向此方法(回调)的指针并调用它时,返回一个未定义的值,因为方法范围内的“this”现在是全局对象。varo={field:'value',method:function(){returnthis.field;}};o.method();//returns'value'varcallback=o.method

javascript - 我什么时候应该使用 `this.x` 与 `var x` ?

在创建JavaScript类函数时,我使用了this。很多。但是在使用它时,我想知道使用var是否会有所不同。varMyClass=function(){this.x=4;return{getVal:this.x};}与var的使用对比:varMyClass=function(){varx=4;return{getVal:x};}有什么区别,什么时候应该使用哪个?同样的问题适用于class语法:classMyClass{constructor(){constx=4;}}对比classMyClass{constructor(){this.x=4;}} 最佳答案

javascript - 为什么 (function() { return this; }).call ('string literal' ) 返回 [String : 'string literal' ] instead of 'string literal' ?

这是我在试验JS时的最新发现:(function(){returnthis;}).call('stringliteral');//=>[String:'stringliteral']inV8//=>String{"stringliteral"}inFF我在执行以下操作时偶然发现了这一点:(function(){returnthis==='stringliteral';}).call('stringliteral');//=>false谁能告诉我为什么函数内部的this不是作为第一个参数传递给call的正是?编辑1Whatisthedifferencebetweenstringprimi

javascript - 使用 goog.bind 和 goog.net.Xhrio.send 了解 "this"上下文

我对调用以下代码时发生的情况感到有点困惑:goog.net.XhrIo.send("/welcome",goog.bind(this.handleWelcome,this));我有一个带有这个签名的函数:myproject.MyClass.prototype.handleWelcome=function(response)在绑定(bind)之前,handleWelcome的上下文无法访问我的Javascript类myproject.MyClass的实例字段(这是可以理解的)。关注信息here,我现在有了类实例的上下文。一切都很好。在我进行更改之前,“this”的上下文是什么?请原谅我使

javascript - 将 "this"用作函数?

我继承了一些我不理解的代码。functionupdateQty(){obj.find('.inputAmount').html(qty);input.val(qty);$.each(change_actions,function(){this(qty);});}.each函数内部到底发生了什么?我以前从未见过this(var)以这种方式使用过。 最佳答案 $.each中的this指的是您正在循环的当前对象。对象必须是一个函数才能向它传递一些东西。 关于javascript-将"this"

javascript - 如何触发 :active pseudoclass on keyboard 'enter' press?(仅使用 CSS)

CSS:a:focus{opacity:.75}a:active{transform:translateY(4px)}意图:使用:focus样式作为视觉提示,使用键盘用户跳转到链接他们点击enter激活链接;:active样式提供视觉按键反馈问题::active样式可以正确触发鼠标点击,但不能触发按键。我可以只用CSS解决这个问题吗? 最佳答案 好问题!是的,你不能再这样做了。很久以前,MSIE将:active当作:focus来处理,所以有一种方法可以通过超链接来实现这一点(这是在千兆互联网速度之前和浏览器的时候除了愚蠢的挥动旗帜或

Javascript "this"范围根据调用方式给出不同的结果

全部,这是代码:varPerson=function(name){this.name=name;this.printName=function(){console.log("Mynameis"+this.name);}};varp=newPerson("Steve");varfuncRef=p["printName"];p.printName();//Worksp["printName"]();//WorksfuncRef();//returnsincorrectvalue在这里找到一个工作示例:http://plnkr.co/edit/57LS6oXPfqccAWf6uqQV?p=p

javascript - 未捕获( promise )DOMException : Subscription failed - no active Service Worker

我正在尝试订阅用户,但这是我第一次遇到的错误。第二次,它正在工作,因为用户已经处于事件状态这是我的代码:if('serviceWorker'innavigator){console.log('ServiceWorkerissupported');navigator.serviceWorker.register('sw.js').then(function(reg){console.log(':^)',reg);reg.pushManager.subscribe({userVisibleOnly:true}).then(function(sub){console.log('endpoin

Javascript 使用 `apply()` 传递参数数组,但保留 `this` 对 `call()` 的引用

我需要结合JavaScript的call()和apply()方法的强大功能。我遇到的问题是call()保留了对this的正确引用,但是当我需要它作为函数参数发送时,将我拥有的参数数组作为数组发送.apply()方法在使用数组时将参数发送到函数就好了,但我不知道如何向它发送对this的正确引用,call()方法好像天生就可以访问。下面是我所拥有的代码的简化版本,它可能看起来毫无用处,但它是表达要点的好方法://ANOBJECTTHATHOLDSSOMEFUNCTIONSvarmain={};main.the_number=15;main.some_function=function(ar