大家好!!!注册一年多的第一篇博客. 自我介绍: 本人非计算机专业出身,转行进入前端半年时间,写的东西可能观赏性不强,一起进步吧道友们... 接下来的一段时间, 我都会不定期整理自己理解的js知识点, 欢迎各路道友吐槽. 进入正题......  (针对新手,老司机不要嘲笑我) 首先, bind/call/apply 这改变this指向的三兄弟我们都很熟悉了, 还有其他改变this指向的方法这里就不多说了哈,要不就跑题了.... 你需要知道的前提 : 这三货都是函数原型(Function.prot…

自己手动用原生实现bind/call/apply:https://www.cnblogs.com/LHLVS/p/10595784.html…

一.前言    不知道大家还记不记得前几篇的文章:<面试官:能解释一下javascript中的this吗> 那今天这篇文章虽然是介绍javascript中bind.apply和call函数,但是多少也和this有点关联. 假如在前面那场面试末尾,面试官不依不饶继续问你javascript中的this,那看完本篇文章后一定还会有收获. (本篇文章不会站在this的角度去回答问题,而是重于解释bind.apply和call这三个函数的用法和使用场景) 二.正戏开始 面试官:能解释一下javascr…

bind.apply与call 先说观点:不论是bind.apply还是call,最大的好处就是代码复用. bind 在开发中,我们只有复用代码时,才会出现this指向需要改动的情况. 纵观bind的常用方法,不论是偏函数还是快捷调用等等,即使是setTimeout,也都是希望能把别的地方的方法拿过来用,才会出现this指向不对的情况. 一言以蔽之:因为是面向对象,才会出现绑定this的需要. 这话并不是空穴来风,面向对象的好处就在于抽象程度高,封装好的一个类,可以在不改变源码的情况下,经过一些…

1)bind与apply.call 的最大区别就是:bind不会立即调用,其他两个会立即调用 var fn = { _int: function(){return 3}, fun: function(){ $(id).click(function() { console.log(this._int()) }).bind(this); } } 2)apply和call的区别 语法: function.apply(thisObj, [obj1,obj2,obj3,...]); function.ca…

首先看一道网易的面试题: var a = { a:"haha", getA:function(){ console.log(this.a); } } var b = { a:"hello" } var getA = a.getA; var getA2 = getA.bind(a); function run(fn){ fn(); } //分别输出 a.getA();//haha getA();//window下面的a对象 run(a.getA);//window下面…

bind call apply 的区别和使用:https://www.jianshu.com/p/015f9f15d6b3 在讲这个之前要理解一些概念,这些概念很重要,有人说过学会了javascript 的this 就基本会了一半的javascript 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. JavaScript 的一大特点是函数存在: 定义时上下文运行时上下文上下…

也谈如何实现bind.apply.call 我们知道,JavaScript的bind.apply.call是三个非常重要的方法.bind可以返回固定this.固定参数的函数包装:apply和call可以修改成员函数this的指向.实现bind.apply.call是前端面试的高频问题,也能让我们更好地理解和掌握JavaScript的函数的相关知识.本文将介绍如何自行实现bind.apply和call. 前情提要 本文先给出如下类定义和实例定义. // Person类,每个人有姓名,有打印姓名的方…

this 是 js 里绕不开的话题,也是非常容易混淆的概念,今天试着把它理一理. this 在非严格模式下,总是指向一个对象,在严格模式下可以是任意值,本文仅考虑非严格模式.记住它总是指向一个对象对于理解它的意义很重要.this 在实际使用中,大致分为以下几种情况: 1. 函数作为对象的方法调用时,this 指向调用该函数的对象 var obj = { name: 'jack', getName: function() { console.log(this === obj) // true co…

js修改函数内部的this指向 在调用函数的时候偶尔在函数内部会使用到this,在使用this的时候发现并不是我们想要指向的对象.可以通过bind,call,apply来修改函数内部的this指向. 默认在浏览器下script标签内定义的函数,调用的时候函数内部的this指向window(浏览器窗口对象) <script> var a=2 function hello(){ console.log(this) console.log(this.a) } hello() //输出: window…