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中最常见的三个面试题解析

    JavaScript中最常见的三个面试题解析

    JavaScript是所有现代浏览器的官方语言。 因此,JavaScript 问题出现在各种开发人员的面试中。这篇文章主要跟大家分享了关于JavaScript中最常见的三个面试题,需要的朋友可以参考学习,下面来一起看看吧。
    2017-03-03
  • 通过JavaScript使Div居中并随网页大小改变而改变

    通过JavaScript使Div居中并随网页大小改变而改变

    自己的页面太难看了,要居中没居中,要颜色没颜色,但是无论是怎么样都得使登录的框居中吧,下面与大家分享下通过JavaScript可以简单的使Div在页面上居中,随着网页大小的改变做出相应的改变
    2013-06-06
  • js实现刷新iframe的方法汇总

    js实现刷新iframe的方法汇总

    这里给大家汇总了一些js实现刷新iframe框架的方法,非常的简单实用,有需要的小伙伴可以参考下。
    2015-04-04
  • JS实现验证码倒计时的注册页面

    JS实现验证码倒计时的注册页面

    这篇文章给大家分享一段实例代码发送验证码之后开始60S倒计时功能,具体实例代码大家参考下本文
    2018-01-01
  • JS百度地图搜索悬浮窗功能

    JS百度地图搜索悬浮窗功能

    这篇文章主要为大家详细介绍了JS百度地图搜索悬浮窗功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JS代码判断集锦大全

    JS代码判断集锦大全

    本文通过实例代码给大家介绍了js代码判断的方法,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2007-12-12
  • js获取GridView中行数据的两种方法 分享

    js获取GridView中行数据的两种方法 分享

    这篇文章介绍了js获取GridView中行数据的方法,有需要的朋友可以参考一下
    2013-07-07
  • JS根据key值获取URL中的参数值及把URL的参数转换成json对象

    JS根据key值获取URL中的参数值及把URL的参数转换成json对象

    本篇文章主要围绕js url 参数值展开话题,js根据key值获取url中的参数值,接着把url的参数转换成json,感兴趣的朋友一起来学习吧,本文写的不好地方还望多多指出批评建议
    2015-08-08
  • 解决option标签selected=

    解决option标签selected="selected"属性失效的问题

    下面小编就为大家带来一篇解决option标签selected="selected"属性失效的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望对大家有所帮助
    2017-11-11
  • JavaScript Accessor实现说明

    JavaScript Accessor实现说明

    关于Getter与Setter大家一定不会陌生,下面简单介绍几种我所知道的在JavaScript中实现G/S的方法.
    2010-12-12

最新评论