자바 스크립트에서 OOP 이해하기

Question

저는 자바 스크립트 객체 지향 개발을 이해하기에 매우 새롭습니다. 그래서 jQuery를 소스 코드를 읽고 목표는 코드를 복사되지는 않지만 내 사용자 지정 libs와 동일한 개념을 구현하지만, OOP way.Here에서 기능의 소수를 생성하여 이해하기 위해 시도하고 내 코드 ..

(function (window) { 
var myCustomClass = function() { 
    debugger; 
    return new myCustomClass.mycustomFunction.Init(); 
}; 
myCustomClass.mycustomFunction= myCustomClass.prototype = { 
    Init: function() { 
     return this; 
    }, 
    alert: function() { 
     alert('I got called'); 
    } 
}; 
window.$ = window.mQuery = myCustomClass; 
})(window); 

과 노력이다 이 방법으로 사용하려면 :

mQuery().alert(); 

그러나 오류가 발생합니다. 문제는 없지만 사용할 수는 없습니다. 내 생각에, 나는 약간의 개념을 놓치고있다, 나를 올바른 방향으로 인도 해주세요.

Answer 1

jQuery 소스 코드를보고 그 개념을 모방하려고하는 것은 반드시 자바 스크립트 OOP 학습 곡선을 시작하는 좋은 방법은 아닙니다. 좀 더 간단하고 기본적인 책으로 시작하고 소스 코드에서 꽤 복잡한 라이브러리를 이해하기 전에 먼저 작업 해 보시기 바랍니다.

var myCustomClass = function() { 
    // initialize a new instance 
    if(!(this instanceof myCustomClass)) { 
     return new myCustomClass(); 
    } 
}; 
myCustomClass.prototype = { 
    constructor: myCustomClass, 
    // add some custom methods 
    alert: function() { 
     window.alert.apply(window, arguments); 
     return this; 
    }, 
    write: function(str) { 
     document.body.innerHTML = str; 
     return this; 
    } 
}; 

myCustomClass().alert('foo').write('bar');