JavaScriptの関数を短くするユーティリティライブラリ
(実用性はありません)
スクリプトを読み込みます。
<script src="/path/to/short.js"></script>
- s.w - window
- s.d - document
- s.b = document.body,
- s.c = window.console;
window.addEventListener('load',Function);のエイリアス
s(function() {
alert('onload');
});
window.getElementById(selector);のエイリアス
//<div id="hoge"></div>
var element = s('hoge');
window.consoleのエイリアス
//window.console.log('hoge');
s.c.log('hoge');
for()のエイリアス
// for(var i = 0, len = a.length; i < len; i++) {
var a = [1,2,3];
s.l(a,function(value,index) {
s.c.log(value,index);
});
// for (var key in o) {
var o = {a:"test",b: "hoge"};
s.l(o,function(value,key) {
s.c.log(value,key);
});
window.alertのエイリアス
w.a('alert');
window.setTimeoutのエイリアス
w.t(function() {
//
},100);
window.setIntervalのエイリアス
w.i(function() {
//
},1000);
任意の関数を省略系で呼び出します。
//document.body.addEventListener("click",function(e){});
s(w.b,"ael","click",function(e){});
■省略ルール
getElementById => gebi
addEventListener => ael
querySelectorAll => qsa
※ 最初の文字 + 大文字になっている部分を小文字で
これでJavaScriptを短縮して書くことができます。