js apply 实现原理,js 实现apply,JS apply用法总结和使用场景实例分析

js apply 实现原理,js 实现apply,JS apply用法总结和使用场景实例分析

本文主要介绍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编程有所帮助。

js apply 实现原理,js 实现apply,JS apply用法总结和使用场景实例分析