js关于call实现一些简单继承的方法

js 利用call实现继承的方法

1首先了解call,就是调用一个对象的一个方法,以另一个对象替换当前对象。 (call([thisObj,arg1,arg, ,.argN…) )

话不多说,举例说明

function add(a,b)
{
console.log(a+b);
}
function sub(a,b)
{
console.log(a-b);
}
add.call(sub,2,1);//3
为何打印出来为3呢?add这个对象替换了sub这个对象,故add.call(sub,2,1) == add(2,1)//(函数也是对象)

2
function Ying () {
this.name = ‘ying’;
this.hi = function(){
alert(this.name)
}
}

function Ying2 (){
this.name = ‘ying2’
}

var Y1 = new Ying();
var Y2 = new Ying2();

Y1.hi.call(Y2);//ying2
call 的意思是把 Y1 的方法放到Y2上执行,原来Y2是没有hi() 方法,现在是把Y1 的hi()方法放到 Y2 上来执行,所以this.name 应该是 ying2,执行的结果就是 :“ying2”

实现继承

function Fn1()
{
this.showTxt = function(txt)
{
alert(txt);
}
}

function Fn2()
{
Fn1.call(this);
}

var c2 = new Fn2();

c2.showTxt(“hh”);
这样c2就完美的继承Fn1的方法;

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 JavaScript 中,实现继承方法有以下几种方式: 1. 原型继承:利用原型链实现继承。通过将父类的实例作为子类的原型,子类就可以访问到父类的属性和方法。例如: ```javascript function Parent() { this.name = 'parent'; } Parent.prototype.sayName = function() { console.log(this.name); } function Child() {} Child.prototype = new Parent(); var child = new Child(); child.sayName(); // 输出:parent ``` 2. 构造函数继承:利用 call 或 apply 方法将父类构造函数的作用域赋给子类。这种方式可以实现继承。例如: ```javascript function Parent(name) { this.name = name; } function Child(name) { Parent.call(this, name); } var child = new Child('child'); console.log(child.name); // 输出:child ``` 3. 组合继承:结合原型继承和构造函数继承,既可以继承父类的属性和方法,又可以实现子类实例的独立。例如: ```javascript function Parent(name) { this.name = name; } Parent.prototype.sayName = function() { console.log(this.name); } function Child(name, age) { Parent.call(this, name); this.age = age; } Child.prototype = new Parent(); Child.prototype.constructor = Child; var child = new Child('child', 18); console.log(child.name); // 输出:child console.log(child.age); // 输出:18 child.sayName(); // 输出:child ``` 4. 原型式继承:利用 Object.create() 方法创建一个新对象,以某个对象为原型,然后再对新对象进行修改。例如: ```javascript var parent = { name: 'parent', sayName: function() { console.log(this.name); } }; var child = Object.create(parent, { name: { value: 'child' } }); child.sayName(); // 输出:child ``` 5. 寄生式继承:与原型式继承类似,但是在增强对象的方法时使用了一个函数封装。例如: ```javascript var parent = { name: 'parent', sayName: function() { console.log(this.name); } }; function createChild(original) { var child = Object.create(original); child.sayName = function() { console.log('hello, ' + this.name); } return child; } var child = createChild(parent); child.sayName(); // 输出:hello, parent ``` 需要注意的是,在实现继承时应该注意避免出现属性和方法的重复定义,以及避免在父类的原型上修改引用类型的属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值