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技巧
Dec 06 Javascript
JS支持带x身份证号码验证函数
Aug 10 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
Mar 07 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
js数组常用最重要的方法
Feb 04 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
Vue Element plus使用方法梳理
Dec 24 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环境搭建最新方法
2006/09/05 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
VueRouter导航守卫用法详解
2017/12/25 Javascript
详解SPA中前端路由基本原理与实现方式
2018/09/12 Javascript
详解如何理解vue的key属性
2019/04/14 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
python中反射用法实例
2015/03/27 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
Sanic框架路由用法实例分析
2018/07/16 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
python 美化输出信息的实例
2018/10/15 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
尼克松手表官网:Nixon手表
2019/03/17 全球购物
英国伦敦的睡衣品牌:Asceno
2019/10/06 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
大学生毕业自我鉴定范文
2013/09/19 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
违反工作规定检讨书范文
2014/12/14 职场文书
社区植树节活动总结
2015/02/06 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
考勤制度通知
2015/04/25 职场文书
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers