call()和apply()方法使用程式碼例項

本章節分享幾段關於call()和apply()方法使用的程式碼例項。

需要的朋友可以做一下參考，關於兩個方法的基本用法這裡不做介紹，可以參閱相關閱讀。

（1）.call()方法可以參閱js call()一章節。

（2）.apply()方法可以參閱javascript apply()一章節。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
/*
 * 矩形
 */
function Rectangle(len,width) {
  this.len = len;
  this.width = width;
   
}
/*
 * 乘以
 */
function multiply(a,b) {
  return a * b;
}
// 矩形例項
var rectangle = new Rectangle(15, 30);
//求矩形面積
var proportion = multiply.call(rectangle,rectangle.len, rectangle.width);
console.log(proportion);
 
   
// 實現繼承
function Persion(name) {
  this.name = name;
  this.sayHello = function () {
    return "歡迎來到，"+this.name;
  }
}
   
function Student(name,sex,school) {
  Persion.call(this,name);
  this.sex = sex;
  this.school = school;
   
  this.mySex = function () {
    return this.sex;
  }
  this.mySchool = function () {
    return this.school;
  }
}
   
var stu = new Student('螞蟻部落','教程','青島市南區')
   
console.log(stu.sayHello());
console.log(stu.mySex());
console.log(stu.mySchool());