原型模式

Posted on In

原型模式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
let LoopImages = function (imageArr, container) {
  this.imageArr = imageArr
  this.container = container
}
LoopImages.prototype = {
  createImage: function () {
    console.log("create image")
  },
  changeImage: function () {
    console.log("change image")
  },
}

let SlideLoopImg = function (imageArr, container) {
  LoopImages.call(this, imageArr, container)
}
SlideLoopImg.prototype = new LoopImages() // 继承
SlideLoopImg.prototype.changeImage = () => {
  // 重写
  console.log("slide loop change image")
}

// for test
let slideImage = new SlideLoopImg(["1.jpg", "2.jpg"], "slide")
console.log(slideImage.container)
slideImage.changeImage()

原型继承

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/**
 * copy object
 */
function prototypeExtend() {
  let F = function () {}
  // let F = new Function()

  for (let i = 0; i < arguments.length; i++) {
    for (let j in arguments[i]) {
      F.prototype[j] = arguments[i][j]
    }
  }

  return new F()
}

// for test
let car = prototypeExtend(
  {
    speed: 20,
    fast: function () {
      this.speed++
      console.log("is faster")
    },
  },
  {
    slow: function () {
      this.speed--
      console.log("is slower")
    },
  },
  {
    stop: function () {
      this.speed = 0
      console.log("is stop")
    },
  },
  {
    currentSpeed: function () {
      console.log(this.speed)
    },
  }
)

car.fast()
car.fast()
car.fast()
car.fast()

car.currentSpeed()
car.stop()

car.currentSpeed()