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/>");

演示图:

 

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

相关文章

  • JavaScript中发出HTTP请求最常用的方法

    JavaScript中发出HTTP请求最常用的方法

    JavaScript具有很好的模块和方法来发送可用于从服务器端资源发送或接收数据的HTTP请求。这篇文章主要介绍了JavaScript中发出HTTP请求最常用的方法,需要的朋友可以参考下
    2018-07-07
  • JS实现超过长度限制后自动跳转下一款文本框的方法

    JS实现超过长度限制后自动跳转下一款文本框的方法

    这篇文章主要介绍了JS实现超过长度限制后自动跳转下一款文本框的方法,涉及javascript操作字符及本文框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • js 数组实现一个类似ruby的迭代器

    js 数组实现一个类似ruby的迭代器

    今天突然发现js的数组处理起来真是麻烦,代码一些就是一大堆,相比起ruby的迭代器来真是逊色不少。
    2009-10-10
  • JavaScript 事件流、事件处理程序及事件对象总结

    JavaScript 事件流、事件处理程序及事件对象总结

    JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。本文将介绍JS事件相关的基础知识。
    2017-04-04
  • JavaScript获取上传进度的几种方式实现

    JavaScript获取上传进度的几种方式实现

    进度条的应用是为了显示的告诉用户文件上传了多少,本文主要介绍了JavaScript获取上传进度的几种方式,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-08-08
  • window.open打开页面居中显示的示例代码

    window.open打开页面居中显示的示例代码

    本篇文章主要是对window.open打开页面居中显示的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JavaScript对象_动力节点Java学院整理

    JavaScript对象_动力节点Java学院整理

    这篇文章主要为大家详细介绍了JavaScript对象的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JS 文件传参及处理技巧分析

    JS 文件传参及处理技巧分析

    其实为js文件传参是很久就接触过的一个问题,只是一直没有放在心上,今天在无忧看到又有人问这个问题,今日总结一下。
    2010-05-05
  • js 判断一组日期是否是连续的简单实例

    js 判断一组日期是否是连续的简单实例

    下面小编就为大家带来一篇js 判断一组日期是否是连续的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JS中函数科里化的背景与应用实例教程

    JS中函数科里化的背景与应用实例教程

    在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术,下面这篇文章主要给大家介绍了JS中函数科里化的背景与应用实例的相关资料,需要的朋友可以参考下
    2022-06-06

最新评论