forked from huiyan-fe/mapv
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathMVCObject.js
More file actions
285 lines (247 loc) · 8.8 KB
/
Copy pathMVCObject.js
File metadata and controls
285 lines (247 loc) · 8.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
/**
* @file MVC架构
*
*/
var MVCObject;
(function() {
function Accessor(target, targetKey) {
var self = this;
self.target = target;
self.targetKey = targetKey;
}
Accessor.prototype.transform = function(from, to) {
var self = this;
self.from = from;
self.to = to;
self.target.notify(self.targetKey);
return self;
}
MVCObject = (function() {
var getterNameCache = {};
var setterNameCache = {};
var uuid = 0;
var bindings = '__bindings__';
var accessors = '__accessors__';
var uid = '__uid__';
function capitalize(str) {
return str.substr(0, 1).toUpperCase() + str.substr(1);
}
function getUid(obj) {
return obj[uid] || (obj[uid] = ++uuid);
}
function toKey(key) {
return '_' + key;
}
function getGetterName(key) {
if (getterNameCache.hasOwnProperty(key)) {
return getterNameCache[key];
} else {
return getterNameCache[key] = 'get' + capitalize(key);
}
}
function getSetterName(key) {
if (setterNameCache.hasOwnProperty(key)) {
return setterNameCache[key];
} else {
return setterNameCache[key] = 'set' + capitalize(key);
}
}
/**
* @description 这个函数的触发需要时机
* 在一个key所在的终端对象遍历到时触发
* 同时传播给所有直接、间接监听targetKey的对象
* 在调用MVCObject的set方法时开始遍历
*
* @param target {MVCObject} 继承了MVCObject的对象
* @param targetKey {String} 当前对象中被监听的字段
* @return {void}
*/
function triggerChange(target, targetKey) {
var evt = targetKey + '_changed';
/**
* 优先检测并执行目标对象key对应的响应方法
* 其次检测并执行默认方法
*/
if (target[evt]) {
target[evt]();
} else if (typeof target.changed === 'function') {
target.changed(targetKey);
}
if (target[bindings] && target[bindings][targetKey]) {
var ref = target[bindings][targetKey];
var bindingObj, bindingUid;
for (bindingUid in ref) {
if (ref.hasOwnProperty(bindingUid)) {
bindingObj = ref[bindingUid];
triggerChange(bindingObj.target, bindingObj.targetKey);
}
}
}
}
function MVCObject() {};
var proto = MVCObject.prototype;
/**
* @description 从依赖链中获取对应key的值
* @param {String} key 关键值
* @return {mixed} 对应的值
*/
proto.get = function(key) {
var self = this;
if (self[accessors] && self[accessors].hasOwnProperty(key)) {
var accessor = self[accessors][key];
var targetKey = accessor.targetKey;
var target = accessor.target;
var getterName = getGetterName(targetKey);
var value;
if (target[getterName]) {
value = target[getterName]();
} else {
value = target.get(targetKey);
}
if (accessor.to) {
value = accessor.to(value);
}
} else if (self.hasOwnProperty(toKey(key))) {
value = self[toKey(key)];
}
return value;
};
/**
* @description set方法遍历依赖链直到找到key的持有对象设置key的值;
* 有三个分支
* @param {String} key 关键值
* @param {all} value 要给key设定的值,可以是所有类型
* @return {this}
*/
proto.set = function(key, value) {
var self = this;
if (self[accessors] && self[accessors].hasOwnProperty(key)) {
var accessor = self[accessors][key];
var targetKey = accessor.targetKey;
var target = accessor.target;
var setterName = getSetterName(targetKey);
if (accessor.from) {
value = accessor.from(value);
}
if (target[setterName]) {
target[setterName](value);
} else {
target.set(targetKey, value);
}
} else {
this[toKey(key)] = value;
triggerChange(self, key);
}
return self;
};
/**
* @description 没个MVCObject对象各自的响应对应的key值变化时的逻辑
*/
proto.changed = function() {};
/**
* @description 手动触发对应key的事件传播
* @param {String} key 关键值
* @return {this}
*/
proto.notify = function(key) {
var self = this;
if (self[accessors] && self[accessors].hasOwnProperty(key)) {
var accessor = self[accessors][key];
var targetKey = accessor.targetKey;
var target = accessor.target;
target.notify(targetKey);
} else {
triggerChange(self, key);
}
return self;
};
proto.setValues = function(values) {
var self = this;
var key, setterName, value;
for (key in values) {
if (values.hasOwnProperty(key)) {
value = values[key];
setterName = getSetterName(key);
if (self[setterName]) {
self[setterName](value);
} else {
self.set(key, value);
}
}
}
return self;
};
proto.setOptions = proto.setValues;
/**
* @description 将当前对象的一个key与目标对象的targetKey建立监听和广播关系
* @param key {String} 当前对象上的key
* @param target {Object} 目标对象
* @param tarrgetKey {String} 目标对象上的key
* @param noNotify {Boolean}
* @return {Accessor}
*/
proto.bindTo = function(key, target, targetKey, noNotify) {
targetKey || (targetKey = key);
var self = this;
self.unbind(key);
self[accessors] || (self[accessors] = {});
target[bindings] || (target[bindings] = {});
target[bindings][targetKey] || (target[bindings][targetKey] = {});
var binding = new Accessor(self, key);
var accessor = new Accessor(target, targetKey);
self[accessors][key] = accessor;
target[bindings][targetKey][getUid(self)] = binding;
if (!noNotify) {
triggerChange(self, key);
}
return accessor;
};
/**
* @description 解除当前对象上key与目标对象的监听
* @param {String} key 关键字
* @return {this}
*/
proto.unbind = function(key) {
var self = this;
if (self[accessors]) {
var accessor = self[accessors][key];
if (accessor) {
var target = accessor.target;
var targetKey = accessor.targetKey;
self[toKey(key)] = self.get(key);
delete target[bindings][targetKey][getUid(self)];
delete self[accessors][key];
}
}
return self;
}
proto.unbindAll = function() {
var self = this;
if (self[accessors]) {
var ref = self[accessors];
for (var key in ref) {
if (ref.hasOwnProperty(key)) {
self.unbind(key);
}
}
}
return self;
};
proto.initOptions = function(options) {
for (var key in options) {
this[getGetterName(key)] = (function(key) {
return function () {
return this.get(key);
}
})(key);
this[getSetterName(key)] = (function(key) {
return function (value) {
this.set(key, value);
}
})(key);
this[toKey(key)] = options[key];
}
}
return MVCObject;
})();
})();