在之前的一篇文章<this绑定>中已经说过this绑定的四种情况,也谈到了this绑定丢失的问题,但是没有解释为什么会出现this绑定的丢失,最近在多次阅读关于this绑定方面的文章之后,发现: 其实多数情况下,是不会发生this绑定丢失的,只有一种情况下会丢失,函数没有执行,当做值传递了.不管是赋值操作,还是当做回调函数的参数传递. 从<你不知道的javascript上>截取两个示例: function foo() { console.log( this.a ); } var o…

经常犯的错误:混淆了this绑定规则. 代码如下: var obj = { id: 'vexekefo', cool() { console.log(this.id); } }; var id = 'someone'; obj.cool(); // vexekefo setTimeout(obj.cool, 100); // someone 为什么是这种输出结果? setTimeout内置函数让this绑定丢失了,不再是obj对象中的id值.因此输出全局作用域下的id值而不是obj.id. 2种…

js中关于this的用法,在初期时候经常会弄混,即使现在,也不敢说就一定不会混,但是起码好很多了. 函数执行过程中,主要有4种方法决定this的绑定对象. 分别为:默认绑定.隐式绑定. 显示绑定和new绑定. 1.默认绑定: 独立函数调用. 即直接使用不带任何修饰的函数引用进行调用的,只能使用默认绑定. 2.隐式绑定:调用位置是否有上下文对象,或者说是否被某个对象拥有或者包含. 在一些情况下,被隐式绑定的函数会丢失绑定对象,也就是说他会应用默认绑定,从而把this绑定到全局对象或者undefin…

目录 this的默认绑定 this的隐式绑定 隐式绑定下,作为对象属性的函数,对于对象来说是独立的 在一串对象属性链中,this绑定的是最内层的对象 this的显式绑定:(call和bind方法) new绑定 正文    javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点--函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开  …

一 , this的默认绑定 当一个函数没有明确的调用对象的时候,也就是单纯作为独立函数调用的时候,将对函数的this使用默认绑定:绑定到全局的window对象. 一个例子 function fire () { // 我是被定义在函数内部的函数哦! function innerFire() { console.log(this === window) } innerFire(); // 独立函数调用 } fire(); // 输出true //即使函数innerFire是包含在函数fire里面的,…

   javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点——函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开   (提醒前排的筒子们准备好茶水和西瓜,我要开始讲故事啦!!)     [故事]有一个年轻人叫"迪斯"(this),有一天,迪斯不小心穿越到一个叫 “伽瓦斯克利”(javascript)的 异世界,此时此刻迪…

这是我在公众号(高级前端进阶)看到的文章,现在做笔记  https://github.com/yygmind/blog/issues/20 this的绑定规则总共有下面5种. 1.默认绑定(严格/非严格模式) 2.隐式绑定 3.显式绑定 4.new绑定 5.箭头函数绑定 现在开始一个一个介绍,内容来自<你不知道的JS>笔记整理. 1 调用位置 调用位置就是函数在代码中被调用的位置(而不是声明的位置). 查找方法: (1).分析调用栈:调用位置就是当前正在执行的函数的前一个调用中 functio…

1,属性为引用类型(非集合,非数组) //模型1 public class Contact { public string Name { get; set; } public string PhoneNo { get; set; } public string EmailAddress { get; set; } public Address MyAddress { get; set; } } public class Address { public string Province { get…

目录 this的默认绑定 this的隐式绑定 隐式绑定下,作为对象属性的函数,对于对象来说是独立的 在一串对象属性链中,this绑定的是最内层的对象 this的显式绑定:(call和bind方法) new绑定 正文    javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点——函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开  …

 壹 ❀ 引 可以说this与闭包.原型链一样,属于JavaScript开发中老生常谈的问题了,百度一搜,this相关的文章铺天盖地.可开发好几年,被几道this题安排明明白白的人应该不在少数(我就是其一).我觉得this概念抽象,变化多端总是让人晕头转向,但平心它并不是有多难,今天我们就从this绑定的五种场景(默认绑定.隐式绑定.显式绑定.new绑定.箭头函数绑定)出发,静下心来好好聊聊这个 this,本文开始.  贰 ❀ this默认绑定 this默认绑定我们可以理解为函数调用时无任何调用…