// 有状态的方法
function Counter(value) {
this.value = value;
}
Counter.prototype.increment = function() {
this.value++;
return this;
};
var c = new Counter(0);
c.increment()
.increment()
.increment();
console.log(c.value); // 3
// 无状态的方法
Array.prototype.myMap = function(fn) {
if('function' === typeof fn) {
var result = [];
for(var i = 0; i < this.length; i++) {
result[i] = fn(this[i])
}
return result;
}
};
function testMyMap(val) {
return val + 3;
}
var arr1 = [1, 2, 3].myMap(testMyMap)
.myMap(testMyMap)
.myMap(testMyMap);
console.log(arr1); // [ 10, 11, 12 ]
谨记
使用方法链链接无状态的操作。
通过在无状态的方法中返回新对象来支持方法链。
通过在有状态的方法中返回this来支持方法链。
参考资料:https://lee134134134.github.io/page/3/