OOP에서 클래스의 높이 및 너비 설정 Javascript

Question

자바 스크립트에서 OOP 코딩의 초보자입니다.

클래스의 크기를 설정하려고합니다. 하지만 내 코드에서 오류가 발생했습니다. 내가 얻을 콘솔에서

var block1 = new Block(); 
block1.appendTo('body').setSize(100,100); 

:

(function($) { 

    Block = function() { 
     var self = this; 
     this.el = $('<div></div>'); 
    } 

    Block.prototype.appendTo = function(parent) { 
     this.el.appendTo(parent); 
    } 

    Block.prototype.setSize = function(width, height) { 
     var self = this; 
     this.width = width; 
     this.height = height; 
    } 

})(jQuery); 

이 내가 클래스를 호출하는 방법입니다 당신은 appendTo의 반환 값에 setSize 호출

Uncaught TypeError: Cannot call method 'setSize' of undefined 

Answer 1

. 그러나 appendTo은 아무 것도 반환하지 않으므로 (undefined) setSize을 호출하면 오류가 발생합니다.

(function($) { 

    Block = function(width, height) { 
     this.el = $('<div></div>'); 
     if (width !== undefined && height !== undefined) { 
      this.width = width; 
      this.height = height; 
     } 
    } 

    Block.prototype.appendTo = function(parent) { 
     this.el.appendTo(parent); 
     return this; 
    } 

    Block.prototype.setSize = function(width, height) { 
     this.width = width; 
     this.height = height; 
    } 

})(jQuery);