call和apply,bind的区别专讲

  可以干什么?

  改变函数内的this指向;

  什么时候使用?

  构造函数使用this

  为什么使用?

  为了生成对象

  类(函数名不可以带括号).call()      因为this指向对象,所以call的第一个参数为对象

  function fn(a,b){   (形参)

    this.name="zhang";

    this.age=20

  }

  obj={

    name:"li";

    age:10

  }

  fn.call(obj,a,b)

  fn.apply(obj,[a,b]) (实参)     传参{形参,实参}

  fn.bind(obj)                   bind(把fn中的this改变obj ,但是不调用  适用于事件)

  解析为: fn.prototype={

        name:"li"

        age:10

        }

  浏览器会默认为向下取整:

  定时器的使用时,先清除定时器,然后在写定时器(防止越点越快);

  鼠标拖拽的问题:<div>1</div>

  div中有字体,会出现鼠标焦点的丢失

原文地址:https://www.cnblogs.com/shangjun6/p/10104316.html

时间: 2024-10-10 09:52:46

call和apply,bind的区别专讲的相关文章

javascript中call,apply,bind的区别

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

创建对象的方式以及call,apply,bind的区别

创建对象的方式有四种 1.直接量 var obj={ 属性名:属性 方法名:function(){} } 2.通过构造函数创建对象,这样能够批量创建多个具有相同属性的子对象(顺便介绍call,apply,bind三个关键字的区别应用) function person(name,age){ this.name=name; this.age=age; } 或者function person2(name,age){ this.name=argument[0]; this.age=argument[1]

call apply bind 的区别,this的四种绑定方式

1. apply()中有两个参数,不一定是必填项,当第一个参数什么都不填或则是null/undefined,默认为window 第二个参数必须是数组,数组中的元素和函数的参数对应 Call怎么使用 用途,用于修改函数中的this指向 也是函数ming.call(),执行的元素先替换函数中的this,然后再执行这个函数 Call中参数的分析1. call函数的第一个参数是什么,函数中this就换成什么,当不填或null/undefined,里面的this就是window2. 从第二参数开始,跟函数

浅谈call apply bind的区别

这三个方法的用法非常相似,将函数绑定到上下文中,即用来改变函数中this的指向.举个例子: var zlw = { name: "zlw", sayHello: function (age) { console.log("hello, i am ", this.name + " " + age " years old"); } }; var xlj = { name: "xlj", }; zlw.sayHe

call apply bind的区别

bind : bind绑定完this的指向后会返回一个新的函数体,不会被立即调用 call apply : 绑定完this的指向后会立即调用 call : 第一个参数是this的指向,第二个以及后面的所有参数需要一个个进行传递 apply : 第一个参数是this的指向,第二个参数是一个数组 原文地址:https://www.cnblogs.com/szj-/p/10674761.html

javascript中的call(),apply(),bind()方法的区别

之前一直迷惑,记不住call(),apply(),bind()的区别.不知道如何使用,一直处于懵懂的状态.直到有一天面试被问到了这三个方法的区别,所以觉得很有必要总结一下. 如果有不全面的地方,后续再进行补充. 1. 改变this的指向 var obj = { name : '张三', age : 17, myFun : function () { console.log(this.name + ' ' + this.age); } } var obj2 = { name : '李四', age

javascript中apply、call和bind的区别,容量理解,值得转!

a)  javascript中apply.call和bind的区别:http://www.cnblogs.com/cosiray/p/4512969.html b)  深入浅出 妙用Javascript中apply.call.bind   http://www.admin10000.com/document/6711.html ====================================================== 在JS中,这三者都是用来改变函数的this对象的指向的,他们

javascript中apply、call和bind的区别

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

js中call、apply和bind的区别

前言 关于js中call.apply和bind这三者的区别,这应该是一个老生常谈的问题,也是前端面试时经常会遇到的一道题目,因此也抽空把它理一遍. 作用 call.apply和bind都是一个javascript中的方法,他们的共同作用就是改变函数执行时的上下文,即改变函数执行时this的指向.我们来看下面的例子: 1 function Animal(name) { 2 this.name = name; 3 } 4 Animal.prototype.getName = function() {