JS中Apply和Call的用法
2018-01-03 14:10
423 查看
/*
Apply和Call使用方法
(1)函数层面
obj.apply(obj1, arguments)
obj.call(obj1, argument1, argument2, ...)
这两个函数都是使用obj对象来替换obj1来执行对应的函数
这个可用于对象的继承
例如:
function add(a, b){
console.log(a+b);
}
function sub(a, b){
console.log(a-b);
}
add.call(sub, a, b); //使用add函数来替代sub进行a和b的运算
add.apply(sub, [a, b]);
*/
function add(a, b){
console.log(a+b);
}
function sub(a, b){
console.log(a-b);
}
add.call(sub, 2, 1);
add.apply(sub, [2, 1]);
//(2)对象继承方面
function Person(name, age){
this.name = name;
this.age = age;
this.sayHello = function(){
console.log("hello");
}
}
function Print(){
this.funcName = "Print";
this.show = function(){
var msg = [];
for (var key in this){
if (typeof(this[key]) != "function"){
msg.push([key, ":", this[key]].join(""));
}
}
console.log(msg.join(" "));
};
}
function Student(name, age, grade, school){
//Person.apply(this, arguments);
//Print.apply(this, arguments);
Person.call(this, name, age);
Print.call(this);
this.grade = grade;
this.school = school;
}
var p1 = new Person("jake", 10);
p1.sayHello();
var s1 = new Student("tom", 13, 6, "kidgarden");
s1.show();
s1.sayHello();
Apply和Call使用方法
(1)函数层面
obj.apply(obj1, arguments)
obj.call(obj1, argument1, argument2, ...)
这两个函数都是使用obj对象来替换obj1来执行对应的函数
这个可用于对象的继承
例如:
function add(a, b){
console.log(a+b);
}
function sub(a, b){
console.log(a-b);
}
add.call(sub, a, b); //使用add函数来替代sub进行a和b的运算
add.apply(sub, [a, b]);
*/
function add(a, b){
console.log(a+b);
}
function sub(a, b){
console.log(a-b);
}
add.call(sub, 2, 1);
add.apply(sub, [2, 1]);
//(2)对象继承方面
function Person(name, age){
this.name = name;
this.age = age;
this.sayHello = function(){
console.log("hello");
}
}
function Print(){
this.funcName = "Print";
this.show = function(){
var msg = [];
for (var key in this){
if (typeof(this[key]) != "function"){
msg.push([key, ":", this[key]].join(""));
}
}
console.log(msg.join(" "));
};
}
function Student(name, age, grade, school){
//Person.apply(this, arguments);
//Print.apply(this, arguments);
Person.call(this, name, age);
Print.call(this);
this.grade = grade;
this.school = school;
}
var p1 = new Person("jake", 10);
p1.sayHello();
var s1 = new Student("tom", 13, 6, "kidgarden");
s1.show();
s1.sayHello();
相关文章推荐
- js中继承的几种用法总结(apply,call,prototype)
- js学习三、“普通”函数中的this,以及call,apply用法
- 区别和详解:js中call()和apply()的用法
- js中apply与call简单用法详解
- JS中apply与call的用法
- js中call与apply用法
- js中继承的几种用法总结(apply,call,prototype)
- js中的apply和call的用法
- JS中的call()方法和apply()方法用法总结
- js的call() ,apply() 两种方法的区别和用法,最白话文的解释,让枯燥滚粗!
- js中call与apply用法
- js中继承的几种用法apply,call,prototype
- JS中apply与call的用法
- 详解js中的apply与call的用法
- Js中call、apply的用法及拓展
- Js中call和apply的区别和用法
- js中call与apply用法
- js中apply()的用法,及apply()和call()的区别
- js中call和apply的用法
- js中call、apply、bind的用法