js中的call和apply-优快云博客

本文详细解析了JavaScript中call和apply方法的使用，通过具体示例解释了这两个方法如何改变函数内部的this指向，以及它们在实现继承和参数传递方面的区别。了解这些将帮助开发者更灵活地使用JavaScript。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一节：一个简单的例子

     function add(a,b){
         console.log(a+b);
     }

     function sub(a,b){
         console.log(a-b); } add.call(sub,3,2); //5

总结：以上代码定义两个方法，而最后一句话，不妨理解为 sub对象调用了 add对象的方法，并把参数也带入方法里。

　第二节：深入理解 call 和 apply

　　call 和 apply的定义说明：call和apply 是函数的非继承方法，在某个特定作用范围内调用某个函数，设置函数体内this对象的值，

     function NJie(){
         this.name = "Njie",
         this.sayName = function(){ console.log(this.name); } } function KK(){ this.name ="KK"; } var n = new NJie(); var k = new KK(); n.sayName(); //NJie n.sayName.call(k); //KK

　　总结：比如说：k 对象没有 sayName 的函数，而 n 有这个函数，那 k 就通过call 来借 n的 sayName使用，当然也要把在 k 中的值带入到方法里。

第三节：call 和 apply 的区别

　　说明：call 和 apply 的区别，在于两个传入的参数的方式不一样

　　  // 父类
     function Person(name,age){
         this.name = name; this.age = age; } //子类 学生 function Student(name,age,grade){ Person.apply(this,arguments); //子类继承了父类 // Person.call(this,name,age); //当然，也可以使用 call的方法 this.grade = grade; } //创建一个学生的实例 var s1 = new Student("倪杰","23","北京大学成人班，一年级"); console.log("您好，",s1.name,"您今年",s1.age,"岁，就读于",s1.grade,",实在太棒了");