js中的call(), apply()和bind()是Function.prototype下的方法，都是用于改变函数运行时上下文，最终的返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined。
本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 JavaScript 的基础 call，apply，bind 的作用。
每个Function对象都存在apply()、call()、bind()方法，其作用都是可以在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
简单说，apply 是给框架设计者用的，而 call 是给开发者用的。两者都能扩充函数作用域。而 bind，主要是绑定作用域，并不是函数执行。
this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富多样甚至有些复杂，深刻理解this是学习JS、面向对象编程非常重要的一环。
1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
call() 和 apply() 都是 JavaScript 中用于调用函数的方法，它们的主要区别在于参数的传递方式。
最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。
2、作为普通函数调用时，函数中的this指向全局对象，在浏览器环境中，指向的就是全局对象window
首先个人感觉call和apply还是挺神奇的，简简单单就改变了this的作用域，下面我们来共同学习一下
call 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。
不同的是传入参数时，apply 有两个参数，第二个参数是数组；call 从第二个参数开始是调用其的函数的所有参数。
前言 回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 虽然网上有很多关于这方面的博客和文章，但还是决定写一篇自己对这方面知识的理解。 作用 首先问个问题，这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。有了这个认识，接下来我们来看一下,怎么使用这三个函数。 举
这里call(this)显然是把当前的作用域（window）绑定给了getName方法。
一直以来本人认为想深入了解一门语言，不光是让自己变成撸sir，更需要时间的锤炼。能经得起时间考验的东西更值得拥有。学习和使用Javascript一晃都7年了，最近才感觉自己对他才有顿悟，不知道是否来得有点迟。本文归纳了我对 JS中作用的理解，希望得学习有所帮助。 特别说明：这是从另一个侧面（函数域的覆盖范围）来解释和说明执行上下文。 一、作用域的理论理解 从入门Javascript时，无论是学校老师，还是你工作的老司机，都会很认真的考虑你，Js中有一个全局作用域，然后他包含很多的子域（
记得差不多在两年多之前写过一篇文章 两句话理解js中的this，当时总结的两句话原话是这样的：
在extend()函数中没有写死参数，是为了更好的扩展性，永远也不知道需要扩展的对象有几个。 而是通过arguments来获取传进来的参数。
记得差不多在两年多之前写过一篇文章 两句话理解js中的this[1]，当时总结的两句话原话是这样的：
声明：此文以通俗易懂的模式讲解JavaScript语言中call、apply运行原理。 非业内人士或未成年人请点左上角按扭及时离开以避免走火入魔。 事实上类似于call和apply这样的功能完全是程序设计中的糟粕， 代码之中使用这两个函数的数量和代码难以理解的程序是成正比的。资深的前端狗们可以闭上眼睛回忆一下， 当读到别人写的代码之中有大量的call和apply调用时要寻找代码的逻辑方向是不是会费劲的多。但是， 假如是自己写代码， 又能灵活运行call和apply， 那用起来肯定能爽翻天。 因此，这两个方法
在JavaScript中，关键字 this 是一个特殊的对象，它在函数被调用时自动创建。通常用来指向当前执行的函数所属的对象。this 的值在函数的每次调用时可能会发生变化，具体取决于函数是如何被调用的。
Function 对象是全局对象，可以动态创建函数，实际上每个函数都是一个 Function 对象。
Hello，小可爱们我又来了！今天的主题是一个非常困惑人的专题，this，想要弄清this的指向，也是一件不容易的事情。下面我们就开始正题了～～
什么情况下会涉及 this 函数作用域的情况下，才会有 this 绑定问题 或者 class 类 使用 call,apply, bind 严格模式 "use strict" 非严格模式 严格模式下的 this 指向问题 普通函数，this 指向 undefined，不使用 call,bing,apply 改变其 this 指向的情况下 console.log("window===>",this) // Window 对象 function foo() { function bar() {
call、apply、bind作用是改变函数执行时的上下文，简而言之就是改变函数运行时的this指向
JS中的this是一个老生常谈的问题了，因为它并不是一个确定的值，在不同情况下有不同的指向，所以也经常使人困惑。本篇文章会谈谈我自己对this的理解。
JavaScript 是一门非常强大的编程语言，它支持多种编程范式，包括面向对象编程。在 JavaScript 中，我们可以使用 call() 和 apply() 两个方法来调用函数并且改变函数的上下文。这两个方法在 JavaScript 中是非常常用的，但是很多新手对它们的理解还不够深入。在本文中，我们将详细介绍 call() 和 apply() 的区别与用法，帮助读者更好地理解它们。
松散模式下，test与test2执行打印结果都为window. 当在严格模式下，test打印还是为window, test2 则打印undefined
何为this？ this是对象，是在运行时基于函数的执行环境(和对象有关)绑定的，首先，当代码没执行前，或没执行到之前，this 是没有指向的,所以 切记：在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。 this只要一出现，一定牵扯到函数和对象 一般方法：首先分析this所在的函数是被当做哪个对象的方法调用的，则该对象就是this所引用的对象。 其实，this的取值，分五种情况
GetName函数是在全局环境中定义，所以直接调用函数this就指向了全局环境，所以输出Jack。
在我们开始研究call, apply, bind之前，应该对how does "this" keyword works in JavaScript有所认知。
new 一个构造函数，会自动reutrn一个实例化对象 new完的实例化对象____proto___自动指向构造函数的prototype new构造函数传参自动赋值给当前实例化对象
使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。
这篇文章实在是很难下笔，因为网上相关文章不胜枚举。 巧合的是前些天看到阮老师的一篇文章的一句话： “对我来说，博客首先是一种知识管理工具，其次才是传播工具。我的技术文章，主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西，那些我精通的东西，往往没有动力写。炫耀从来不是我的动机，好奇才是。" 对于这句话，不能赞同更多，也让我下决心好好写这篇，网上文章虽多，大多复制粘贴，且晦涩难懂，我希望能够通过这篇文章，能够清晰的提升对apply、call、bind的认识，并且列出一些它们的妙用加深记忆。 ap
两者作用一致，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法。绑定后会立即执行函数。
JavaScript会提供一些函数方法来帮助我们更优雅地处理函数内部this指向问题，常用的有：call()、apply()、bind()
我打开了熟悉的mdn恩, 他好像挂了. 算了我用手机打开吧. 其中描述中这样的说道: 可以让call或者apply中的对象调用当前 对象所有的function. 你可以使用call()来实现继承: 写一个方法, 然后让另一个新的对象来继承它(而不是在新对象中再写一次这个方法). 难道是这样:
call和apply作用相同，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法。或者说thisObj继承了obj的属性和方法，绑定后会立即执行函数。唯一区别是apply接受的是数组参数，call接受的是连续参数。
前言 JavaScript 函数有 4 种调用方式， 每种方式的不同在于 this 的指向不一样。 在Javascript中 this 是保留关键字，一般而言，this指向函数执行时的当前对象。 函数调用 通常情况下我们可以用函数名称加圆括号()调用函数 function fun1(x, y,) { console.log(x+y); return x + y } fun1(5, 10); // 15 当函数没有被自身的对象调用时 this 的值就会变成全局（window) 对象。 va
可能会误以为window.doSth()是调用的，所以是指向window。虽然本例中window.doSth确实等于doSth。name等于window.name。上面代码中这是因为在ES5中，全局变量是挂载在顶层对象（浏览器是window）中。 事实上，并不是如此。
转载来源: https://www.cnblogs.com/mochenxiya/p/16698139.html
原文链接：https://note.noxussj.top/?source=cloudtencent this 指向分为两种情况，一种是普通函数中使用的 this，另外一种是箭头函数中的 this。
掌握： 1.函数的声明方式 2.作为值的函数 3.函数的内部属性 4.函数属性和方法 Function(函数)类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。 一．函数的声明方式 1.普通的函数声明 function box(num1, num2) { return num1+ num2; } 2.使用变量初始化函数 var box= function(num
今天 Joe 老板又给我补课了，他问我call apply bind会用吗，我说会，他又说，把原型函数实现给我写一下，我一下懵逼了，原理，他是来羞辱我的，经过一下午的不懈努力，Joe 老板终于教会了我。
call和apply相信很多人用过，或者看源码看到过，在这里简单说说他们之间的关系。首先call和apply都是改变this指向的api。他的区别仅仅只是call和apply的第二位参数起的差别。
虽然标题关于this、new、bind、call、apply，但实际上这些都离不开 this，因此本文将着重讨论 this，在此过程中分别讲解其他知识点。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
