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 AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
jQuery判断元素是否存在的可靠方法
May 06 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
简单实现js悬浮导航效果
Feb 05 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
微信小程序实现图片放大预览功能
Oct 22 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 Javascript
Vite和Vue CLI的优劣
Jan 30 Vue.js
原生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将12小时制转换成24小时制的方法
2015/03/31 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
理解JS绑定事件
2016/01/19 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
在cmd中查看python的安装路径方法
2019/07/03 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
python算的上脚本语言吗
2020/06/22 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
斯凯奇新西兰官网:SKECHERS新西兰
2018/02/22 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
人事专员工作职责
2014/02/22 职场文书
教研活动主持词
2015/07/03 职场文书
创业计划书之电动车企业
2019/10/11 职场文书
Golang生成Excel文档的方法步骤
2021/06/09 Golang
公历12个月名称的由来
2022/04/12 杂记