尝试将方法附加到类原型时，为什么代码会中断？

Question

我正在尝试创建一个用于切换视频或图像轮播的按钮类。 每当我将方法附加到原型时，我的代码都会失败。

我正在尝试使用“设计模式：揭示原型模式”

https://scotch.io/bar-talk/4-javascript-design-patterns-you-should-know

我的密码笔： https : //codepen.io/Woodenchops/pen/QRzeXX?editors=0010

function playToggle(props) {

  console.log(this);

  this._parentElement = props.parentElement;
  this._button = props.button;
  this._playing = props.playing;
  this._props = props;
  this._mediaType = props.mediaType;
  this._video_id = props.videoID;
  this._caroursel_id = props.carouselID;

}

playToggle.prototype = function () {

// methods here

}()

(function () {

  var video = document.querySelectorAll('.container');

  videoArray = [];

  video.forEach(function (vid) {
    videoArray.push(new playToggle({
      parentElement: vid,
      button: '.playpause',
      playing: true,
      mediaType: 'video',
      videoID: '.myVideo'
    }))
  });

})();

我有控制台登录this原型，并返回窗口对象来代替。 我也尝试过使用bind其绑定到类-没有运气

Answer 1

您没有正确定义原型

playToggle.prototype.thePrototypeName = function() {..}

 var play = new playToggle();
 play.thePrototypeName()

控制台日志结果

Object: playToggle {}