本文主要介绍JS apply的使用概要和使用场景，并结合实例分析JS apply的基本功能、原理、使用方法和注意事项。有需要的朋友可以参考一下。

本文结合实例介绍了JS apply的使用总结和使用场景。分享给你，供你参考，如下：

Apply是将此绑定到指定的函数或类，或者将函数或类的方法和属性赋予当前作用域。

1，使用apply实现继承

职能A(姓名、年龄){

this.name=name

this.age=年龄；

}

功能B(姓名、年龄、时间){

A.apply(this，[name]) //这里的名称必须加上[]

}

Const b=new B('继承')；

console.log(b)

2，使用apply实现多重继承

函数类10(){

this.showSub=function(a，b){

警报(a-b)；

}

}

函数Class11(){

this.showAdd=function(a，b){

警报(a b)；

}

}

函数Class12(){

Class10.apply(本)；

Class11.apply(本)；

//class 10 . call(this)；

//class 11 . call(this)；

}

var C2=new class 12()；

c2.showSub(3，1)；//2

c2.showAdd(3，1)；//4

3，apply使用时传参规则

fn.apply(this，array)

在执行过程中，数组参数将被转换成参数并传递给函数fn。

fn.apply(this，[params1，params2，])

//相当于

Fn(参数1，参数2，)//这里指的是fn函数的作用域。

4，apply绑定this和绑定null

功能C(姓名、年龄){

console.log(this.name)

}

var name='windowname '

var myObject={name:'myA '，age:' myB ' }；

C.apply(myObject) //myA

C.apply(null)//windowname

函数D(){

This.name='我是D空间'

应用(这)

}

d()；//我是D空间

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

对更多JavaScript相关内容感兴趣的读者可以查看我们的专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》。

希望这篇文章对大家的JavaScript编程有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。