快捷導(dǎo)航

javascript中call和apply的用法示例分析

更新時(shí)間：2015年04月02日 11:19:28 投稿：hebedich

這篇文章主要介紹了javascript中call和apply的用法示例分析，非常的詳細(xì),需要的朋友可以參考下

call和apply的用法，并利用call實(shí)現(xiàn)js類的繼承

/*
 * 矩形
 */
function Rectangle(len,width) {
  this.len = len;
  this.width = width;
 
}
/*
 * 乘以
 */
function multiply(a,b) {
  return a * b;
}
// 矩形實(shí)例
var rectangle = new Rectangle(15, 30);
//求矩形面積
var proportion = multiply.call(rectangle,rectangle.len, rectangle.width);
// 等價(jià)于call
//var proportion = multiply.apply(rectangle,[rectangle.len, rectangle.width]);
 
document.write("矩形的面積是："+proportion);
document.write("<br/>");
 
document.write("/***********************分割線********************************/<br/>");
 
// 實(shí)現(xiàn)繼承
function Persion(name) {
  this.name = name;
  this.sayHello = function () {
    return "hello，"+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('fengjx','男','廣西機(jī)電職業(yè)技術(shù)學(xué)院')
 
document.write("stu sayHello："+stu.sayHello());
document.write("<br/>");
document.write("stu sex is："+stu.mySex());
document.write("<br/>");
document.write("stu school is ："+stu.mySchool());
document.write("<br/>");

演示圖：

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

JsonServer安裝及啟動(dòng)過程圖解
這篇文章主要介紹了JsonServer安裝及啟動(dòng)過程圖解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
JavaScript打開word文檔的實(shí)現(xiàn)代碼(c#)
在C#中打開word文檔其實(shí)不算太難，方法也比較多,用javascript怎么打開呢？其實(shí)，也不難
2012-04-04
深入理解JavaScript系列(2) 揭秘命名函數(shù)表達(dá)式
網(wǎng)上還沒用發(fā)現(xiàn)有人對(duì)命名函數(shù)表達(dá)式進(jìn)去重復(fù)深入的討論，正因?yàn)槿绱耍W(wǎng)上出現(xiàn)了各種各樣的誤解，本文將從原理和實(shí)踐兩個(gè)方面來探討JavaScript關(guān)于命名函數(shù)表達(dá)式的優(yōu)缺點(diǎn)
2012-01-01
解讀ES6中class關(guān)鍵字
這篇文章主要介紹了ES6中class關(guān)鍵字,class是es6引入的最重要特性之一。本文通過實(shí)例代碼給大家詳解，需要的朋友可以參考下
2017-11-11
JavaScript的9種繼承實(shí)現(xiàn)方式歸納
這篇文章主要介紹了JavaScript的9種繼承實(shí)現(xiàn)方式歸納,本文講解了原型鏈繼承、原型繼承（非原型鏈）、臨時(shí)構(gòu)造器繼承、屬性拷貝、對(duì)象間繼承等繼承方式,需要的朋友可以參考下
2015-05-05
javascript ES6中箭頭函數(shù)注意細(xì)節(jié)小結(jié)
這篇文章主要給大家總結(jié)了關(guān)于javascript ES6中箭頭函數(shù)注意細(xì)節(jié)的相關(guān)資料，文中介紹的比較詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-02-02
前端JS面試中常見的算法問題總結(jié)
雖然說在前端很少有機(jī)會(huì)接觸到算法，大多都交互性的操作，然而從各大公司面試來看，算法依舊是考察的一方面。下面這篇文章就給大家總結(jié)了在前端JS面試中常見的算法問題，有需要的朋友們可以參考借鑒，下面來一起看看吧。
2016-12-12
淺析location.href跨窗口調(diào)用函數(shù)
本文詳細(xì)介紹了location.href跨窗口調(diào)用函數(shù)，具體的使用方法及實(shí)例，有需要的朋友可以參考下
2016-11-11
js實(shí)現(xiàn)文字滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)文字滾動(dòng)效果，類似于新聞板塊中的公示公告，，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-03-03
超級(jí)簡單實(shí)現(xiàn)JavaScript MVC 樣式框架
本文給大家分享的是一則翻譯過來的，由國外友人寫的如何簡單有效的實(shí)現(xiàn)javascript MVC樣式框架，算是一個(gè)MVC的入門教程，希望大家能夠喜歡。
2015-03-03