首页 >> js开发 >> jsJS apply用法总结和使用场景实例分析js大全
jsJS apply用法总结和使用场景实例分析js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例讲述了JS apply用法总结和使用场景。分享给大家供大家参考,具体如下:apply是绑定this到指定函数或类,也可以说把函数或者类的方法和属性给到当前作用域。1,使用apply实现继承1,使用apply实现继承
function A(name, age){
this.name = name;
this.age = age;
}
function B(name, age, time){
A.apply(this,[name]) //这里的name必须加上[]
}
const b = new B('继承');
console.log(b)
function A(name, age){
this.name = name;
this.age = age;
}
function B(name, age, time){
A.apply(this,[name]) //这里的name必须加上[]
}
const b = new B('继承');
console.log(b)
2,使用apply实现多重继承2,使用apply实现多重继承
function Class10(){
this.showSub = function(a,b){
alert(a - b);
}
}
function Class11(){
this.showAdd = function(a,b){
alert(a + b);
}
}
function Class12(){
Class10.apply(this);
Class11.apply(this);
// Class10.call(this);
//Class11.call(this);
}
var c2 = new Class12();
c2.showSub(3,1);
//2
c2.showAdd(3,1);
//4
function Class10(){
this.showSub = function(a,b){
alert(a - b);
}
}
function Class11(){
this.showAdd = function(a,b){
alert(a + b);
}
}
function Class12(){
Class10.apply(this);
Class11.apply(this);
// Class10.call(this);
//Class11.call(this);
}
var c2 = new Class12();
c2.showSub(3,1);
//2
c2.showAdd(3,1);
//4
3,apply使用时传参规则3,apply使用时传参规则
fn.apply(this,array)
fn.apply(this,array)
在执行过程中,array参数会被转化成一个一个参数传递给函数fn
fn.apply(this,[params1,params2,...])
//相当于
fn(params1,params2,...)//这里的this指向执行fn函数的作用域
fn.apply(this,[params1,params2,...])
//相当于
fn(params1,params2,...)//这里的this指向执行fn函数的作用域
4,apply绑定this和绑定null4,apply绑定this和绑定null
function C(name, age){
console.log(this.name)
}
var name = 'windowname'
var myObject = {name:"myA",age:"myB"};
C.apply(myObject) //myA
C.apply(null)//windowname
function D(){
this.name = '我是D空间'
C.apply(this)
}
D();//我是D空间
function C(name, age){
console.log(this.name)
}
var name = 'windowname'
var myObject = {name:"myA",age:"myB"};
C.apply(myObject) //myA
C.apply(null)//windowname
function D(){
this.name = '我是D空间'
C.apply(this)
}
D();//我是D空间
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools./code/HtmlJsRun测试上述代码运行效果。在线HTML/CSS/JavaScript代码运行工具在线HTML/CSS/JavaScript代码运行工具http://tools./code/HtmlJsRun关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》javascript面向对象入门教程JavaScript错误与调试技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。
function A(name, age){
this.name = name;
this.age = age;
}
function B(name, age, time){
A.apply(this,[name]) //这里的name必须加上[]
}
const b = new B('继承');
console.log(b)
function A(name, age){
this.name = name;
this.age = age;
}
function B(name, age, time){
A.apply(this,[name]) //这里的name必须加上[]
}
const b = new B('继承');
console.log(b)
2,使用apply实现多重继承2,使用apply实现多重继承
function Class10(){
this.showSub = function(a,b){
alert(a - b);
}
}
function Class11(){
this.showAdd = function(a,b){
alert(a + b);
}
}
function Class12(){
Class10.apply(this);
Class11.apply(this);
// Class10.call(this);
//Class11.call(this);
}
var c2 = new Class12();
c2.showSub(3,1);
//2
c2.showAdd(3,1);
//4
function Class10(){
this.showSub = function(a,b){
alert(a - b);
}
}
function Class11(){
this.showAdd = function(a,b){
alert(a + b);
}
}
function Class12(){
Class10.apply(this);
Class11.apply(this);
// Class10.call(this);
//Class11.call(this);
}
var c2 = new Class12();
c2.showSub(3,1);
//2
c2.showAdd(3,1);
//4
3,apply使用时传参规则3,apply使用时传参规则
fn.apply(this,array)
fn.apply(this,array)
在执行过程中,array参数会被转化成一个一个参数传递给函数fn
fn.apply(this,[params1,params2,...])
//相当于
fn(params1,params2,...)//这里的this指向执行fn函数的作用域
fn.apply(this,[params1,params2,...])
//相当于
fn(params1,params2,...)//这里的this指向执行fn函数的作用域
4,apply绑定this和绑定null4,apply绑定this和绑定null
function C(name, age){
console.log(this.name)
}
var name = 'windowname'
var myObject = {name:"myA",age:"myB"};
C.apply(myObject) //myA
C.apply(null)//windowname
function D(){
this.name = '我是D空间'
C.apply(this)
}
D();//我是D空间
function C(name, age){
console.log(this.name)
}
var name = 'windowname'
var myObject = {name:"myA",age:"myB"};
C.apply(myObject) //myA
C.apply(null)//windowname
function D(){
this.name = '我是D空间'
C.apply(this)
}
D();//我是D空间
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools./code/HtmlJsRun测试上述代码运行效果。在线HTML/CSS/JavaScript代码运行工具在线HTML/CSS/JavaScript代码运行工具http://tools./code/HtmlJsRun关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》javascript面向对象入门教程JavaScript错误与调试技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。
相关文章:
- jsvue cli4.0项目引入typescript的方法js大全
- js代码javascript递归函数定义和用法示例分析
- jsvue点击标签切换选中及互相排斥操作js大全
- jsvue实现自定义多选按钮js大全
- jsVue项目前后端联调(使用proxyTable实现跨域方式)js大全
- js解决vue一个页面中复用同一个echarts组件的问题js大全
- jsVue移动端项目实现使用手机预览调试操作js大全
- js深入理解 ES6中的 Reflect用法js大全
- JavaScriptvuejs element table 表格添加行,修改,单独删除行,批量删除行操作
- js解决echarts图表使用v-show控制图表显示不全的问题js大全