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 相关文章推荐
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
javascript单引号和双引号的区别和处理
May 14 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
Javascript数组Array基础介绍
Mar 13 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
vue 实现购物车总价计算
Nov 06 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
JavaScript 接口原理与用法实例详解
May 12 Javascript
详解Vue中的watch和computed
Nov 09 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启用zlib压缩文件的配置方法
2013/06/12 PHP
php获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
vue解决使用$http获取数据时报错的问题
2019/10/30 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
Python基于二分查找实现求整数平方根的方法
2016/05/12 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
PageFactory设计模式基于python实现
2020/04/14 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
智能钱包:Ekster
2019/11/21 全球购物
九州传奇上机题
2014/07/10 面试题
金融行业务员的自我评价
2013/12/13 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
导师工作推荐信范文
2014/05/17 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
党员剖析材料范文
2014/12/18 职场文书
活动总结模板大全
2015/05/11 职场文书
郭明义观后感
2015/06/08 职场文书
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android