원생 js 프로미스 부분 기능 실현
Emitter 도구 함수 function Emitter() {
}
Emitter.prototype.on = function(evtype, fn) {
this._events = this._events || {};
this._events[evtype] = this._events[evtype] || [];
if (this._events[evtype].indexOf(fn) !== -1) return;
this._events[evtype].push(fn);
}
Emitter.prototype.off = function(evtype, fn) {
this._events = this._events || {};
if (evtype in this._events === false) return;
fn && this._events[evtype].splice(this._events[evtype].indexOf(fn), 1);
!fn && delete this._events[evtype];
}
Emitter.prototype.emit = function(evtype, detail) {
this._events = this._events || {};
var self = this;
if (evtype in this._events === false) return;
this._events[evtype].forEach(function(fn, i) {
fn.call(self, detail);
});
}
Emitter.eventify = function(Klass) {
Klass.prototype = Object.create(Klass.prototype);
for (var attr in Emitter.prototype) {
Klass.prototype[attr] = Emitter.prototype[attr]
}
return Klass;
}
Promise 함수 var MyPromise = function(executor) {
var self = this;
function resolve(value) {
self.emit('RESOLVED', value); // ( )
}
setTimeout(function() {
executor(resolve);
}, 0);
}
MyPromise.prototype.then = function(onResolved) {
var self = this;
var p2 = new MyPromise(function(resolve) {});
//
this.on('RESOLVED', function(value) {
var ret = onResolved(value);
if (ret instanceof MyPromise) {
ret.then(function(ret) {
p2.emit('RESOLVED', ret);
});
}
else {
p2.emit('RESOLVED', ret); //
}
});
return p2;
}
Emitter.eventify(MyPromise);
DEMO var p1 = new MyPromise(function (resolve) {
resolve(42);
});
var p2 = p1.then(function (value) {
console.log(value)
return value + 2;
});
var p3 = p2.then(function (value) {
console.log(value);
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
function Emitter() {
}
Emitter.prototype.on = function(evtype, fn) {
this._events = this._events || {};
this._events[evtype] = this._events[evtype] || [];
if (this._events[evtype].indexOf(fn) !== -1) return;
this._events[evtype].push(fn);
}
Emitter.prototype.off = function(evtype, fn) {
this._events = this._events || {};
if (evtype in this._events === false) return;
fn && this._events[evtype].splice(this._events[evtype].indexOf(fn), 1);
!fn && delete this._events[evtype];
}
Emitter.prototype.emit = function(evtype, detail) {
this._events = this._events || {};
var self = this;
if (evtype in this._events === false) return;
this._events[evtype].forEach(function(fn, i) {
fn.call(self, detail);
});
}
Emitter.eventify = function(Klass) {
Klass.prototype = Object.create(Klass.prototype);
for (var attr in Emitter.prototype) {
Klass.prototype[attr] = Emitter.prototype[attr]
}
return Klass;
}
var MyPromise = function(executor) {
var self = this;
function resolve(value) {
self.emit('RESOLVED', value); // ( )
}
setTimeout(function() {
executor(resolve);
}, 0);
}
MyPromise.prototype.then = function(onResolved) {
var self = this;
var p2 = new MyPromise(function(resolve) {});
//
this.on('RESOLVED', function(value) {
var ret = onResolved(value);
if (ret instanceof MyPromise) {
ret.then(function(ret) {
p2.emit('RESOLVED', ret);
});
}
else {
p2.emit('RESOLVED', ret); //
}
});
return p2;
}
Emitter.eventify(MyPromise);
DEMO var p1 = new MyPromise(function (resolve) {
resolve(42);
});
var p2 = p1.then(function (value) {
console.log(value)
return value + 2;
});
var p3 = p2.then(function (value) {
console.log(value);
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
var p1 = new MyPromise(function (resolve) {
resolve(42);
});
var p2 = p1.then(function (value) {
console.log(value)
return value + 2;
});
var p3 = p2.then(function (value) {
console.log(value);
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.