bind call apply 的区别和使用

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

js call与bind和apply的区别

介绍在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢. 在说区别之前还是先总结一下三者的相似之处: 1.都是用来改变函数的this对象的指向的. 2.第一个参数都是this要指向的对象. 3.都可以利用后续参数传参. 那么他们的区别在哪里的,先看一个例子. var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + "…

bind,call,apply的区别

js修改函数内部的this指向(bind,call,apply)

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…

bind,apply,call区别总结

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> var test = { a : 5, b : 6, sum : function…

Bind、Apply、Call三者的区别

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…

bind、call、apply的区别与实现原理

1.简单说一下bind.call.apply的区别三者都是用于改变函数体内this的指向,但是bind与apply和call的最大的区别是:bind不会立即调用,而是返回一个新函数,称为绑定函数,其内的this指向为创建它时传入bind的第一个参数,而传入bind的第二个及以后的参数作为原函数的参数来调用原函数. var obj = {}; function test() { console.log(this === obj); } test(); //false var testObj =…

js中call、apply、bind到底有什么区别？bind返回的方法还能修改this指向吗？

壹 ❀ 引同事最近在看angularjs源码,被源码中各种bind,apply弄的晕头转向:于是他问我,你知道apply,call与bind的区别吗?我说apply与call是函数应用,指定this的同时也将方法执行,bind不同,它只是负责绑定this并返回一个新方法,不会执行. 他又问,那如果一个方法bind对象a后,再bind对象b,最后再bind对象c,此时执行函数this指向谁呢?(他经常问这种奇葩问题...):我不加思索的回答,是c吧:真的吗?他反问到. 反问的一瞬间,我知道我应…

apply，call和bind的使用及区别

1.用途 1)apply,call和bind都是用来改变this的指向 2)apply和call会让当前函数立即执行,而bind会返回一个函数,后续需要的时候再调用执行 2.this指向问题 this的指向有以下四种情况: 1)如果函数中的this没有调用对象,则this指向window(严格模式下,this为undefined) 2)如果函数中this被不包含子对象的对象调用,则this指向调用它的对象 3)如果函数中this被包含多级对象的对象调用,则this指向调用它的上一级对象 4)如…

js中的bind、apply、call、callee、caller的区别

1.bind.apply与call的区别与使用相同点:2者是函数原型的一个方法,因此调用者都必须是函数,第1个参数都是对象.作用是,用另一个对象替换当前对象,另一对象也即是你传的第一个参数.通常用于改变调用的函数中this的指向.如果不传对象或者传入的为null,那么默认对象就是window.bind方法是函数的方法,也是改变this的指向,返回新的函数. 不同点:第2个参数,为调用的函数的参数,区别是apply要求所有函数的参数放在一个数组中传递. 使用方法: fun.bind(thisAr…

call bind apply的区别

call() 和apply()的第一个参数相同,就是指定的对象.这个对象就是该函数的执行上下文. call()和apply()的区别就在于,两者之间的参数. call()在第一个参数之后的后续所有参数就是传入该函数的值. apply() 只有两个参数,第一个是对象,第二个是数组,这个数组就是该函数的参数. bind() 方法和前两者不同在于: bind() 方法会返回执行上下文被改变的函数而不会立即执行,而前两者是直接执行该函数.他的参数和call()相同.…

JavaScript之bind,call,apply

参考: http://rangercyh.blog.51cto.com/1444712/1615809 function foo(a,b) { this.x = this.x + a + b; } //case 1: var obj = {x:3}; foo.apply(obj,[1,2]); //obj <==> {x:6} //case 2: var obj = {x:3}; foo.call(obj, 1, 2); //obj <==> {x:6} //case 3: var…

bind、apply与call

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

bind,call,applay的区别

方法调用模式: 当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用,此时的this被绑定到这个对象. var a = 1 var obj1 = { a:2, fn:function(){ console.log(this.a) } } obj1.fn()//2 此时的this是指obj1这个对象,obj1.fn()实际上是obj1.fn.call(obj1),事实上谁调用这个函数,this就是谁.补充一下,DOM对象绑定事件也属于方法调用模式…

javascript 面向对象学习（三）——this，bind、apply 和 call

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

this的指向问题、bind/call/apply改变this指向

this的指向问题全局作用域下的this指向无论是否是严格模式,全局作用域下的this始终指向window 函数内部的this 严格模式下: function test() { 'use strict' console.log(this) } test(); // undefined window.test(); // window 非严格模式下: function test() { console.log(this) } test(); // window window.test(); /…

jQuery中的bind() live() delegate()之间区别分析

jQuery中的bind() live() delegate()之间区别分析首先,你得要了解我们的事件冒泡(事件传播)的概念,我先看一张图 1.bind方式 $('a').bind('click',function (){ alert('click'); }) 解析:这种方式最简单,jq扫描文档找出所有的a,让将函数绑定到每个元素的click事件上 2.live方式 $('a').live('click',function (){ alert('click'); }) 解析:jq将函数绑定到$…

Jquery中bind和live的区别

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二.三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要注…

Bind和Eval的区别详解

原文:Bind和Eval的区别详解 1.简单描述Eval和Bind的区别绑定表达式 <%# Eval("字段名") %> <%# Bind("字段名") %> 区别 1.eval是只读数据,bind是可更新的． 2.当对次表达式操作时候,必须用Eval 如<%# Eval("字段名").ToString().Trim() %> 2.若GridView中绑定列里面设置内容格式 DataFormateStri…

[jQuery]on和bind事件绑定的区别

on和bind事件绑定的区别一个demo展示 <!DOCTYPE html> <html lang="zh"> <head> <title>Document</title> </head> <body> <ul id="u1"> <li>click</li> <li>click</li> <li>click&l…

自己动手用原生实现 bind/call/apply

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

javascript中call()、apply()的区别

call().apply()的区别: 相同点: 1.call()和apply()都可以用来间接调用函数,都可以显式调用所需的this.即,锚点滑动任何函数可以作为任何对象的方法来调用. 2.两个方法都可以指定调用实参. 区别: call()和apply()的基本区别:在于将参数传递给函数弹出层. call():使用其自有的实参列表作为函数的参数: apply():要求以数组的形式传入参数. ? 1 2 3 4 5 6 7 8 9 function track(o,m){ var orig…

SQL Server连接查询之Cross Apply和Outer Apply的区别及用法（转载）

先简单了解下cross apply的语法以及会产生什么样的结果集吧!示例表: SELECT * FROM tableA CROSS APPLY tableB 两张表直接连接,不需要任何的关联条件,产生的结果就是这两张表的笛卡尔积相当于:select * from tableA,tableB与之对应的还有Outer Apply,下面讲解一下Cross Apply 和 Outer Apply 的区别:首先是Cross Apply: SELECT * FROM tableA a CROSS APPL…

js中call与apply的区别以及使用~

今天看了一下call与apply的区别~~ <!DOCTYPE html> <html> <head> <title>testCall</title> </head> <body> </body> <script type="text/javascript"> /* apply,call 都是为了改变上下文this的指向两者的区别: Function.apply(thisobj…

深入理解this和call、bind、apply对this的影响及用法

首先看一道网易的面试题: 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下面…

jQuery bind()与delegate()的区别

笔试题: bind()与delegate()的区别主要有三点: 1 绑定目标 .bind直接绑在目标元素上 .delegate绑在父元素上 2 监听个数 .bind监听个数多——每个目标元素都需要添加 .delegate监听个数少——只给父元素添加一个 3 新增子元素自动获得时间处理函数: .bind只能对现有元素添加事件监听,新增元素无法自动获得监听 .delegate只要父元素下的元素,无论现有还是新增,都能自动获得监听…

SQLServer连接查询之Cross Apply和Outer Apply的区别及用法

https://blog.csdn.net/wikey_zhang/article/details/77480118 先简单了解下cross apply的语法以及会产生什么样的结果集吧! 示例表: SELECT * FROM tableA CROSS APPLY tableB 两张表直接连接,不需要任何的关联条件,产生的结果就是这两张表的笛卡儿集,在这里和上一篇帖子讲的cross join交叉连接的结果集是一样的相当于:select * from tableA,tableB 与之对应的还有Ou…

探索 Reflect.apply 与 Function.prototype.apply 的区别

探索 Reflect.apply 与 Function.prototype.apply 的区别众所周知, ES6 新增了一个全局.内建.不可构造的 Reflect 对象,并提供了其下一系列可被拦截的操作方法.其中一个便是 Reflect.apply() 了.下面探究下它与传统 ES5 的 Function.prototype.apply() 之间有什么异同. 函数签名 MDN 上两者的函数签名分别如下: Reflect.apply(target, thisArgument, arguments…

自己手动用原生实现bind/call/apply

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

面试官：能解释一下javascript中bind、apply和call这三个函数的用法吗

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

【bind call apply 的区别和使用】的更多相关文章