• 深入浅出 JavaScript 中的 this

    本文介绍JavaScript 中的 this 关键字在各种情况下的含义,虽然这只是 JavaScript 中一个很小的概念,但借此我们可以深入了解 JavaScript 中函数的执行环境,而这是理解闭包等其他概念的基础。掌握了这些概念,...
    文章 2012-09-10 5703浏览量
  • JavaScript 开发人员应该理解 this

    初次接触 this 是在 c# 中&xff0c;...JAVASCRIPT结论JavaScript 中的 this 是一个容器带来 Bug 的关键字&xff0c;为了减少类似问题就需要加深对其 this 的理解。从上面的介绍来看&xff0c;最佳的实践是尽量使用箭头函数。
    文章 2022-06-28 44浏览量
  • JavaScript中this绑定详解

    当函数在调用时,如果函数有所谓的“落脚点”,即有上下文对象时,隐式绑定规则会把函数中的 this 绑定到这个上下文对象。如果觉得上面这段话不够直白的话,还是来看代码。function say(){ console.log(this.name) }...
    文章 2017-08-01 1237浏览量
  • 一篇文章带你搞懂 this 的四个绑定规则 ✍

    当函数引用有上下文对象时,隐式绑定规则会把函数调用中的 this 绑定到这个上下文对象。因为调用 foo()时 this 被绑定到 obj 上,因此 this.a 和 obj.a 是一样的。4.2.2 对象属性引用链对象属性引用链中只有上一层...
    文章 2022-09-28 756浏览量
  • 谈谈Javascript的this指针

    JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this。JavaScript中的this...
    文章 2017-08-02 1021浏览量
  • 详解JavaScript中的this

    JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this。其实如果完全掌握了...
    文章 2017-05-02 1674浏览量
  • 你不知道的js关于this绑定机制的解析[看完还不懂算...

    规则:我们可以通过apply、call、bind将函数中的this绑定到指定对象上。function foo(){ console.log(this.a);} let obj={ a:2 };foo.call(obj);2 复制代码 传入的不是对象: 如果你传入了一个原始值(字符串,布尔...
    文章 2018-06-20 1122浏览量
  • JavaScript中的This 关键字

    隐式丢失是最常见的this绑定问题&xff0c;指的就是被隐式绑定的函数会丢失绑定对象&xff0c;也就是说它会应用默认绑定&xff0c;从而把this绑定到全局对象。定义一个全局变量 var v&61;100;定义一个函数 function fn(){ ...
    文章 2023-01-09 13浏览量
  • JavaScript 初学者必看“箭头函数”

    为了验证刚刚的说法,我们可以将 Counter函数中的this绑定到that,然后在setInterval中判断this和that是否相同。function Counter(){ var that=this;this.timer=setInterval(()=gt;{ console.log(this=that);},1000);...
    文章 2019-03-22 1230浏览量
  • Javascript基础之-this

    以上四种常见的this绑定方式已经介绍的差不多了,那么问题来了,谁的优先级更高呢 很明显,默认绑定的优先级最低,就不展开说了 显式绑定与隐式绑定哪个优先级高呢,举个例子 function foo(){ console.log(this.a);}...
    文章 2019-01-16 988浏览量
  • 《2w字大章 38道面试题》彻底理清JS中this指向问题(一...

    foo中的this依旧指向window对象。题目1.5&xff1a;函数内执行var a&61;1 function outer(){ var a&61;2 function inner(){ console.log(this.a)/1 } inner() } outer() 复制代码这个题与题目1.4类似&xff0c;但要注意&...
    文章 2022-04-28 74浏览量
  • javascript基础修炼(3)—What's this(下)

    document在javascript中是一个对象,通过其暴露的查找方法返回的节点也是一个对象,那么方式二绑定的监听函数在运行时,实际上就是在执行指定节点的onclick方法,根据this指向的基本规则可知其函数体中的this应该...
    文章 2018-08-04 949浏览量
  • JavaScript初学者必看“this

    译者按JavaScript的this和Java等面向对象语言中的this大不一样,bind()、call()和apply()函数更是将this的灵活度进一步延伸。原文:JavaScript:The Keyword‘This’for Beginners 译者:Fundebug 为了保证可读性,本文...
    文章 2017-05-17 976浏览量
  • JavaScript 模块化工具 rollup.js

    rollup.js 是下一代的 JavaScript 模块化工具,使用 ES2015 模块编写你的应用或者库,可以高效的绑定他们成为单个文件,在浏览器或者 Node.js 使用,甚至是一些高级特性的绑定,比如 bindings 和 cycles。...
    文章 2017-06-05 1151浏览量
  • 前端面试之彻底搞懂this指向

    但是JavaScript中的this和常见的面向对象语言中的this不太一样&xff1a;常见面向对象的编程语言中&xff0c;比如Java、C&43;43;Swift、Dart等等一系列语言中&xff0c;this通常只会出现在类的方法中。也就是你需要有一个类&...
    文章 2022-06-26 200浏览量
  • 深入理解JavaScript-this关键字

    因为 JavaScript 中的作用域是词法作用域&xff0c;在哪里定义&xff0c;就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域&xff0c;调用时去寻找它所处的位置。那个时候笔者就说 this 机制和动态作用...
    文章 2022-10-31 19浏览量
  • JavaScriptthis关键字的指向问题(五千字详解)

    通过隐式绑定将fn函数中的this指向obj对象 function fn(){ console.log(this) } var obj&61;{ name:&39;张三&39;studying:fn } obj.studying()/{name:&39;张三&39;studying:ƒ} 案例二&xff1a;var obj2&61;{ name:&39...
    文章 2023-01-09 51浏览量
  • 不必硬背,彻底理解JavaScript中的this指向!...

    1.执行上下文提到 this&xff0c;...fn 中的 this 永远由第一次 bind 决定&xff0c;所以结果永远是 window。let a&61;{ name:&39;CUGGZ&39;} function fn(){ console.log(this.name) } fn.bind(a)()/CUGGZ 复制代码
    文章 2022-05-17 109浏览量
  • JavaScript函数重载

    因此,我在我的书《Secrets of the JavaScript Ninja》也介绍了这个方法。完整示例 根据原文介绍的方法,译者实现了一个完整的示例代码: function addMethod(object,name,fn) { var old=object[name];object[name]=...
    文章 2017-07-24 868浏览量
  • 【REACT NATIVE 系列教程之三】函数绑定与FLEXBOX是用...

    函数绑定:函数进行 bind(绑定)可以确保在函数中的 this 作为组件实例的引用,也就是说你想在自定义的函数中使用this,那么请先进行将此函数bind(this) 那么细心的童鞋会发现!为什么在 componentWillMount 函数中...
    文章 2017-11-15 1029浏览量
  • 【REACT NATIVE 系列教程之三】函数绑定与FLEXBOX是用...

    函数绑定:函数进行 bind(绑定)可以确保在函数中的 this 作为组件实例的引用,也就是说你想在自定义的函数中使用this,那么请先进行将此函数bind(this) 那么细心的童鞋会发现!为什么在 componentWillMount 函数中...
    文章 2017-11-15 1175浏览量
  • JavaScript深入之bind的模拟实现

    修改返回函数的 prototype 为绑定函数的 prototype,实例就可以继承绑定函数的原型中的值 fBound.prototype=this.prototype;return fBound;} 如果对原型链稍有困惑,可以查看《JavaScript深入之从原型到原型链》。...
    文章 2017-12-14 1405浏览量
  • IE和Firefox下event乱谈

    如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,因为javascript的事件模型有三种,它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异,这里结合...
    文章 2011-10-10 972浏览量
  • 玩转JS基础——this指向

    全局环境中的 this例题 1:function f1(){ console.log(this);} function f2(){ 'use strict' console.log(this);} f1();window or global f2();undefined这种情况相对简单、直接,函数在浏览器全局环境下被简单...
    文章 2022-05-30 57浏览量
  • web前端系列面试题(一)

    JavaScript中的作用域与变量声明提升?如何编写高性能的Javascript?那些操作会造成内存泄漏?JQuery的源码看过吗?能不能简单概况一下它的实现原理?jQuery.fn的init方法返回的this指的是什么对象?为什么要返回...
    文章 2018-08-21 1544浏览量
  • JavaScript深入之bind的模拟实现

    说明绑定的 this 失效了&xff0c;如果大家了解 new 的模拟实现&xff0c;就会知道这个时候 this 已经指向了 obj。(哈哈&xff0c;我这是为我的下一篇文章《JavaScript深入系列之new的模拟实现》打广告)。所以我们可以通过...
    文章 2022-04-23 59浏览量
  • JavaScript DOM事件模型

    注意:通过addEventListener绑定的事件只能通过removeEventListener来注销,不能使用DOM 0级中的方式注销事件处理程序,注销事件如下: 1<input id="btn"type="button"value="button"/gt;2<script>3 var ...
    文章 2019-03-18 5974浏览量
  • 你不容错过的JavaScript高级语法(一)

    但是JavaScript中的this和常见的面向对象语言中的this不太一样&xff1a;常见面向对象的编程语言中&xff0c;比如Java、C&43;43;Swift、Dart等等一系列语言中&xff0c;this通常只会出现在类的方法中。也就是你需要有一个类&...
    文章 2022-10-18 53浏览量
  • Knockout应用开发指南(完整版)目录索引

    使用Knockout有一段时间了(确切的说从MIX11大会宣传该JavaScript类库以来,我们就在使用,目前已经在正式的asp.net MVC项目使用),Knockout使用js代码达到双向绑定的目的,类似Silverlight/WPF里的绑定一样,...
    文章 2015-05-28 1089浏览量
  • 用函数式编程对JavaScript进行断舍离

    我在在线教育网站EDX免费学习了函数式语言的入门课程,然后尝试把这些技术运用到JavaScript中去。函数式语言给了我一个全新的视角,让我从一个完全不同的方式去看待编程。一开始会感到不自然,需要时间去适应。所有...
    文章 2017-09-13 1897浏览量
1 2 3 4 ... 38 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化