apply()方法call()方法的作用和比较

apply()方法的定义:

1. apply()方法能劫持另外一个对象的方法,继承另外一个对象的属性
2.Function.apply(obj,args)方法能接收两个参数
3.obj:这个对象将代替Function类里this对象
4.args:这个是数组,它将作为参数传给Function(args–>arguments)

   function Person(){
        this.name="木木"
        this.age=‘18‘
        console.log(this.sex)
        console.log(this)

        }
        let obj={
        sex:"男"
        }
        Person.apply(obj)//男  {age:‘18‘,name:‘木木‘,sex:‘男‘}
        console.log(obj)//{age:‘18‘,name:‘木木‘,sex:‘男‘}
        console.log(obj.name)//木木

从运行结果上看:

1. Person()继承了obj的属性,obj也继承了Person()的属性,

2. apply()不只是继承obj的属性,而且还继承了Person()的属性,

3. this指向的既不是obj也不是Person(),指向的应该是继承了Person()和obj属性的一个新的对象。

准确的来说,apply()的作用就是合并方法和对象的方法和属性,并将方法和对象的this指向合并后的对象。

apply方法和call方法。函数属性与方法。

每个函数都有length属性哥prototype属性。

length属性表示的是函数接入参数的个数

在es引用类型语言中,prototype是保存它们所有实例方法的真正所在。换句话来说,类似于toString()和valueOf()等方法实际上都存在prototype名下,只不过是通过各自对象的实例访问罢了。在创建自定义类型以及实现继承时,prototype属性的作用是极为重要的。在es5中prototype属性是不可以枚举的,因此使用for-in无法发现。

apply属性和call属性都是用来在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

apply方法能劫持另外一个对象的方法,继承另外一个对象的属性。

首先apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是Array的实例,也可以是arguments对象。

 function sum(num1,num2){
  return  num1+num2;
}
function callSum1(num1,num2){
   return  sum.apply(this,arguments);    //传入arguments对象
}

function callSum2(num1,num2){
 return  sum.apply(this,[num1,num2]);   //传入数组
}
alert(callSum1(10,10));  //20
alert(callSum2(10,10));  //20

call方法与apply方法的作用相同。它们的区别仅仅在于接收参数的方式不同。对于call()而言,第一个参数是this值不变。变化的是其余参数都直接传递参数给函数。换句话说,在使用call方法时候,传递给函数的参数必须逐个列举出来。如下面的例子:

function  sum(num1,num2){
  return  num1+num2;
}
function  callSum(num1,num2){
  return  sum.call(this,num1,num2);
}
alert(callSum(10,10));  //20

在使用call()方法的情况下,callSum()必须明确地传入每一个参数。结果与使用apply()没有什么不同。至于是使用apply还是使用call,完全取决于你哪种给函数传递的方式最方便。

事实上,传递参数并非apply与call真正的用武之地;它们真正强大的地方在于可以扩充函数赖以运行的作用域。

它们的使用作用与bind()一样。

原文地址:https://www.cnblogs.com/hanguidong/p/12394671.html

时间: 2024-10-24 01:56:08

apply()方法call()方法的作用和比较的相关文章

JS中的call、apply、bind方法

JS中的call.apply.bind方法 一.call()和apply()方法 1.方法定义call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj.

关于javascript中apply()和call()方法的区别

如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip 好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply, call两个方法的运用上. 区分apply,call就一句话, foo.call(

理解JS中的call、apply、bind方法

理解JS中的call.apply.bind方法(*****************************************************************) 在JavaScript中,call.apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向. call.apply.bind方法的共同点和区别:apply . call .bind 三者都是用来改变函数的this对象的指向的:apply . call .bind 三者

Javascript中call,apply,bind方法的详解与总结

在 javascript之 this 关键字详解 文章中,谈及了如下内容,做一个简单的回顾: 1.this对象的涵义就是指向当前对象中的属性和方法. 2.this指向的可变性.当在全局作用域时,this指向全局:当在某个对象中使用this时,this指向该对象:当把某个对象的方法赋值给另外一个对象时,this会指向后一个对象. 3.this的使用场合有:在全局环境中使用:在构造函数中使用,在对象的方法中使用. 4.this的使用注意点,最重要的一点就是要避免多层嵌套使用this对象. 对this

JavaScript里call,apply,bind方法简介

JavaScript里call,apply,bind方法不太容易理解,其实背后的思想并不算非常复杂,希望本文能帮你更好地了解这3个很像,而且看似很神秘的方法. 非要用一个关键字来点明它们的背后思想的精髓的话,关键字就是:this 因为通常程序员对C++比较熟,先借用C++,简单说一下this. 类的成员函数里,都可以用this来访问当前类的成员,但问题是成员函数的参数并没有this这个参数,比如: Animal a; a.eat(); a.eat("meat"); Animal的对象调

JS中的call、apply、bind方法详解

bind 是返回对应函数,便于稍后调用:apply .call 则是立即调用 . apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向.JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念. function fruits() {} fruits.prototype = { color: "red&

javascript中apply()和call()方法及区别

call()和apply()方法 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thi

关于javascript中apply()和call()方法

ref:http://www.popo4j.com/article/the-differences-of-apply-and-call.html 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip 好,言归正传,先理解JavaScrti

apply和call方法

真伪数组转换 /* apply和call方法的作用: 专门用于修改方法内部的this 格式: call(对象, 参数1, 参数2, ...); apply(对象, [数组]); */ function test() { console.log(this); } // window.test(); var obj = {"name": "lnj2"}; /* 1.通过window.test找到test方法 2.通过apply(obj)将找到的test方法内部的this