Javascript OOP events

I want to create an object that can parse a certain filetype. I've looked at some of the files in the File API and I want my object to work about the same. So basically, what I want is this:

A function, called CustomFileParser. I want to be able to use it as the following:

var customFileParser = new CustomFileParser();
customFileParser.parsed = paresed;
customFileParser.progress = progress;

customFile开发者_运维百科Parser.parse(file);

function parsed(event){
 //The file is loaded, you can do stuff with it here.
}

function progess(event){
 //The file load has progressed, you can do stuff with it here.
}

So I was thinking on how to define this object, but I'm not sure how to define these events and how I should do this.

function customFileParser(){
 this.parse = function(){
  //Do stuff here and trigger event when it's done... 
 }
}

However, I'm not sure how to define these events, and how I can do this. Anyone can give me a hand?

---

Javscript is prototype-based OOP language, not class-based like most other popular languages. Therefore, the OOP constructs are a bit different from what you might be used to. You should ignore most websites that try to implement class-based inheritance in JS, since that's not how the language is meant to be used.

The reason people are doing it because they are used to the class-based system and are usually not even aware that are alternatives to that, so instead of trying to learn the correct way, they try to implement the way that they are more familiar with, which usually results in loads and loads of hacks or external libraries that are essentially unnecessary.

Just use the prototype.

function CustomFileParser(onParsed, onProgress) {
    // constructor
    this.onParsed = onParsed;
    this.onProgress = onProgress;
};

CustomFileParser.prototype.parse = function(file) {
    // parse the file here
    var event = { foo: 'bar' };
    this.onProgress(event);
    // finish parsing
    this.onParsed(event);
};

And you can use it like so

function parsed(event) {
    alert(event);
}

function progress(event) {
    alert(event);
}

var customFileParser = new CustomFileParser(parsed, progress);

var file = ''; // pseudo-file
customFileParser.parse(file);

---

From what it sounds to me i think you need your program to look like this

function customFileParser( onparse , progress){
this.onparse = onparse;
this.progressStatus = 0;
this.progress = progress;
this.parser = function (chunk) 

}
this.parse = function(){
// Do stuff of parsing


// Determine how much data is it
// Now make a function that parses a bit of data in every run
// Keep on calling the function till the data is getting parsed
// THat function should also increase the percentage it think this can be done via setTimeout.
// After every run of the semi parser function call the progress via something like
this.parser();
if(progressStatus <100){
this.progress(this.progressStatus);
}else{
 this.parsed();
 }
}
}

and u can create instance of that object like

 var dark = new customFileParser( function () { // this tells what to
    do what parsed is complete  } , function (status) { // this tells what
    to do with the progress status } ) ;

using the method i suggested. you can actually define different methods for all the instances of the object you have !