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 相关文章推荐
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 Javascript
js中的this关键字详解
Sep 25 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
JS区分浏览器页面是刷新还是关闭
Apr 17 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 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同时支持GIF、png、JPEG
2006/10/09 PHP
php入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
PHP解析目录路径的3个函数总结
2014/11/18 PHP
thinkPHP中配置的读取与C方法详解
2016/12/05 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
IE6下出现JavaScript未结束的字符串常量错误的解决方法
2010/11/21 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
js运动应用实例解析
2015/12/28 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
jquery+css实现下拉列表功能
2017/09/03 jQuery
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
简单介绍Ruby中的CGI编程
2015/04/10 Python
python学生信息管理系统(初级版)
2018/10/17 Python
python函数的万能参数传参详解
2019/07/26 Python
python global和nonlocal用法解析
2020/02/03 Python
python 生成器需注意的小问题
2020/09/29 Python
sort命令的作用和用法
2012/11/04 面试题
假日旅行社实习自我鉴定
2013/09/24 职场文书
优秀毕业生求职推荐信范文
2013/11/21 职场文书
行政经理的岗位职责
2013/11/23 职场文书
餐饮加盟计划书
2014/01/10 职场文书
安全月活动总结
2014/05/05 职场文书
倡导文明标语
2014/06/16 职场文书
中职生求职信
2014/07/01 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
OpenCV-Python实现人脸磨皮算法
2021/06/07 Python