码迷,mamicode.com
首页 > 编程语言 > 详细

javascript继承(call方法)机制的两种实现

时间:2018-04-28 11:51:30      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:javascript继承(call方法)

  • 内部实现:
    function ClassA(sColor) {
    this.color = sColor
    this.sayColor = function () {
        console.log(this.color)
    }
    }
    function ClassB(sName) {
    this.name = sName
    this.sayName = function () {
        console.log(this.name)
    }
    }
    function ClassC(sColor, sName) {
    ClassA.call(this,sColor)
    ClassB.call(this,sName)
    }
    var objA = new ClassA("blue")
    var objC = new ClassC("red", "John")
    objA.sayColor()
    objC.sayColor()
    objC.sayName()
  • 外部实现:
    function ClassA(sColor) {
    this.color = sColor
    this.sayColor = function () {
        console.log(this.color)
    }
    }
    function ClassB(sName) {
    this.name = sName
    this.sayName = function () {
        console.log(this.name)
    }
    }
    function ClassC(sColor, sName) {
    }
    var objA = new ClassA("blue")
    var objC = new ClassC()
    ClassA.call(objC,‘red‘)
    ClassB.call(objC,‘John‘)
    objA.sayColor()
    objC.sayColor()
    objC.sayName()
  • 输出:
    blue
    red
    John
  • javascript继承(call方法)机制的两种实现

    标签:javascript继承(call方法)

    原文地址:http://blog.51cto.com/12173069/2108735

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    登录后才能评论!
    © 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
    迷上了代码!