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


Posted in Javascript onApril 02, 2015

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中call和apply的用法示例分析 

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

Javascript 相关文章推荐
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
javascript学习小结之prototype
Dec 03 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
详解Bootstrap按钮
Jan 04 Javascript
javascript简单比较日期大小的方法
Jan 05 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
原生js实现类似弹窗抖动效果
Apr 02 #Javascript
JavaScript显示表单内元素数量的方法
Apr 02 #Javascript
原创jQuery弹出层插件分享
Apr 02 #Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 #Javascript
Javascript获取表单名称(name)的方法
Apr 02 #Javascript
如何改进javascript代码的性能
Apr 02 #Javascript
JavaScript获得表单target属性的方法
Apr 02 #Javascript
You might like
php的header和asp中的redirect比较
2006/10/09 PHP
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
详解在YII2框架中使用UEditor编辑器发布文章
2018/11/02 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
2016/08/16 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
Vue组件全局注册实现警告框的实例详解
2018/06/11 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
2019/12/07 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
Python中使用ElementTree解析XML示例
2015/06/02 Python
Python 描述符(Descriptor)入门
2016/11/20 Python
Pycharm学习教程(1) 定制外观
2017/05/02 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
python中栈的原理及实现方法示例
2019/11/27 Python
python中return如何写
2020/06/18 Python
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
利物浦足球俱乐部官方商店(美国):Liverpool FC US
2019/10/09 全球购物
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
酒店公关部经理岗位职责
2013/11/24 职场文书
机械专业应届毕业生自荐书
2014/06/12 职场文书
文员求职信
2014/07/15 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
党支部三会一课计划
2014/09/24 职场文书
经理助理岗位职责
2015/02/02 职场文书
导游词之江南周庄
2019/12/06 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python