欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-17 22:20:49
...
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("
"); document.write("/***********************分割线********************************/
"); // 实现继承 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("
"); document.write("stu sex is:"+stu.mySex()); document.write("
"); document.write("stu school is :"+stu.mySchool()); document.write("
");

演示图:

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

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