Repository navigation
Expand file tree
/
Copy path3-Building a chainable JavaScript library.js
More file actions
96 lines (84 loc) · 1.84 KB
/
Copy path3-Building a chainable JavaScript library.js
File metadata and controls
96 lines (84 loc) · 1.84 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
// Include syntactic sugar to help the development of our interface.
Function.prototype.method = function(name, fn) {
this.prototype[name] = fn;
return this;
};
(function() {
function _$(els) {
// //todo
}
/*
Events
* addEvent
* getEvent
*/
_$.method('addEvent', function(type, fn) {
// //todo
}).method('getEvent', function(e) {
// //todo
}).
/*
DOM
* addClass
* removeClass
* replaceClass
* hasClass
* getStyle
* setStyle
*/
method('addClass', function(className) {
// //todo
}).method('removeClass', function(className) {
// ...
}).method('replaceClass', function(oldClass, newClass) {
// ...
}).method('hasClass', function(className) {
// ...
}).method('getStyle', function(prop) {
// ...
}).method('setStyle', function(prop, val) {
// ...
}).
/*
AJAX
* load. Fetches an HTML fragment from a URL and inserts it into an element.
*/
method('load', function(uri, method) {
// ...
});
window.$ = function() {
return new _$(arguments);
});
})();
Function.prototype.method = function(name, fn) {
// ...
};
(function() {
function _$(els) {
// ...
}
_$.method('addEvent', function(type, fn) {
// ...
})
// ...
window.installHelper = function(scope, interface) {
scope[interface] = function() {
return new _$(arguments);
}
};
})();
/* Usage. */
installHelper(window, '$');
$('example').show();
/* Another usage example. */
// Define a namespace without overwriting it if it already exists.
window.com = window.com || {};
com.example = com.example || {};
com.example.util = com.example.util || {};
installHelper(com.example.util, 'get');
(function() {
var get = com.example.util.get;
get('example').addEvent('click', function(e) {
get(this).addClass('hello');
});
})();