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

 更新时间:2015年04月02日 11:19:28   投稿:hebedich  
这篇文章主要介绍了javascript中call和apply的用法示例分析,非常的详细,需要的朋友可以参考下

call和apply的用法,并利用call实现js类的继承

/*
 * 矩形
 */
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);
// 等价于call
//var proportion = multiply.apply(rectangle,[rectangle.len, rectangle.width]);
 
document.write("矩形的面积是:"+proportion);
document.write("<br/>");
 
document.write("/***********************分割线********************************/<br/>");
 
// 实现继承
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','男','广西机电职业技术学院')
 
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/>");

演示图:

 

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JsonServer安装及启动过程图解

    JsonServer安装及启动过程图解

    这篇文章主要介绍了JsonServer安装及启动过程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JavaScript打开word文档的实现代码(c#)

    JavaScript打开word文档的实现代码(c#)

    在C#中打开word文档其实不算太难,方法也比较多,用javascript怎么打开呢?其实,也不难
    2012-04-04
  • 深入理解JavaScript系列(2) 揭秘命名函数表达式

    深入理解JavaScript系列(2) 揭秘命名函数表达式

    网上还没用发现有人对命名函数表达式进去重复深入的讨论,正因为如此,网上出现了各种各样的误解,本文将从原理和实践两个方面来探讨JavaScript关于命名函数表达式的优缺点
    2012-01-01
  • 解读ES6中class关键字

    解读ES6中class关键字

    这篇文章主要介绍了ES6中class关键字,class是es6引入的最重要特性之一。本文通过实例代码给大家详解,需要的朋友可以参考下
    2017-11-11
  • JavaScript的9种继承实现方式归纳

    JavaScript的9种继承实现方式归纳

    这篇文章主要介绍了JavaScript的9种继承实现方式归纳,本文讲解了原型链继承、原型继承(非原型链)、临时构造器继承、属性拷贝、对象间继承等继承方式,需要的朋友可以参考下
    2015-05-05
  • javascript ES6中箭头函数注意细节小结

    javascript ES6中箭头函数注意细节小结

    这篇文章主要给大家总结了关于javascript ES6中箭头函数注意细节的相关资料,文中介绍的比较详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-02-02
  • 前端JS面试中常见的算法问题总结

    前端JS面试中常见的算法问题总结

    虽然说在前端很少有机会接触到算法,大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。下面这篇文章就给大家总结了在前端JS面试中常见的算法问题,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • 浅析location.href跨窗口调用函数

    浅析location.href跨窗口调用函数

    本文详细介绍了location.href跨窗口调用函数,具体的使用方法及实例,有需要的朋友可以参考下
    2016-11-11
  • js实现文字滚动效果

    js实现文字滚动效果

    这篇文章主要为大家详细介绍了js实现文字滚动效果,类似于新闻板块中的公示公告,,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 超级简单实现JavaScript MVC 样式框架

    超级简单实现JavaScript MVC 样式框架

    本文给大家分享的是一则翻译过来的,由国外友人写的如何简单有效的实现javascript MVC样式框架,算是一个MVC的入门教程,希望大家能够喜欢。
    2015-03-03

最新评论