//関数かどうかをチェックして実行
_$if.fn(関数)(引数);

let $newfunc = _$if.fn(関数);
$newfunc(引数);

/* 関数と配列入れて実行  */
_$if.fn(function(x,y){return x + y})([1,2]);

/* 関数と引数を入れて実行  */
_$if.fn(function(ary){return ary.join(' ');})(1,2);

/* 関数と配列入れて実行  */
_$if.fn(function(){return console.log('no arguments!');})();


//関数型プログラミング 2-3p の両方を合体したもの！

//連想配列(Associative array)->擬似的な連想配列：オブジェクト
var hoge = {}; または var hoge = new Object();
//連想配列に値を追加する
hoge ['フー'] = 'foo';
hoge ['バー'] = 'bar';
hoge ['ピヨ'] = 'piyo';

var nja_mrg = function () {
	// Variables
	var extended = {};
	var deep = false;
	var i = 0;
	var length = arguments.length;
	// Check if a deep merge
	if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) {
		deep = arguments[0];
		i++;
	}
	// Merge the object into the extended object
	var merge = function (obj) {
		for ( var prop in obj ) {
			if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) {
				// If deep merge and property is an object, merge properties
				if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) {
					extended[prop] = extend( true, extended[prop], obj[prop] );
				} else {
					extended[prop] = obj[prop];
				}
			}
		}
	};
	// Loop through each object and conduct a merge
	for ( ; i < length; i++ ) {
		var obj = arguments[i];
		merge(obj);
	}
	return extended;
};
window.$x$ = nja_mrg;


//
var $hogeaary = {'ringo':'りんご','banana':'ばなな'}
var $fugaaary = {'ringo':'リンゴ','chary':'さくらんぼ'}

console.log($x$($hogeaary,$fugaaary));

throttleは、連続した処理の中で、指定した間隔(今回のプラグインだと遅延ミリ秒ごと)の最初に1回実行し,指定の間引き時間を上回るときと、最後の1回が実行されます。

var r = document.getElementById('r')

function insertHello() {
  r.textContent += 'hello! '
}

function throttle(fn, delay) {
  let timerId;
  let lastExecTime = 0;
  return () => {
    const context = this;
    const args = arguments;
    let elapsedTime = performance.now() - lastExecTime;
    const execute = () => {
      fn.apply(context, args);
      lastExecTime = performance.now();
    }
    if (!timerId) {
      execute();
    }
    if (timerId) {
      clearTimeout(timerId);
    }
    if (elapsedTime > delay) {
      execute();
    } else {
      timerId = setTimeout(execute, delay);
    }
  }
}
var hello = throttle(insertHello, 1000)
window.addEventListener('scroll', hello)

debounceは、イベントなどが繰り返し呼び出されると、呼び出しの「束(指定した時間)」内の最後に1回だけイベントハンドラー（コールバック処理）を実行します。

var l = document.getElementById('l')

function insertMorning() {
  l.textContent += 'Morning! '
}

function debounce(fn, interval) {
  let timerId;
  return () => {
    clearTimeout(timerId);
    const context = this;
    const args = arguments;
    timerId = setTimeout(() => {
      fn.apply(context, args);
    }, interval);
  }
}

var hello = debounce(insertHello, 1000)
window.addEventListener('scroll', hello)

//要素を画面の中央に配置
//要素が画面より大きい場合は？
$.fn.mannaka()

//配列に要素の位置データを追加
//optionsは、利用する配列データがあれば、それにデータを追加する
$(要素).getGrid(options)

//これを都度、計測するのは負荷じゃね？
op.ww //windows幅
op.wh //windows高さ
op.wl //windows座標：左上X
op.wt //windows座標：左上Y
op.wr //windows座標：右上X
op.wb //windows座標：右下Y
op.wx //windows中央座標：X
op.wy //windows中央座標：Y

//以下が出ればいいよな気が・・。
op.l //要素座標：l X
op.r //要素座標：r X
op.t //要素座標：t Y
op.b //要素座標：b Y

op.h //要素の高さ
op.w //要素の幅
op.x //要素の中央X
op.y //要素の中央Y

//getGridで取得した要素を指定した余白で囲う
//opにgetGridで得たデータが入っていることが必須
$.fn.paddingGrid(op,$padding)

//最適な位置を得る。
$.fn.setposi(op,mode)

isJSON(item)　//json判定
cntJSON($json)　//json個数
//movabletypeのjson処理をサポート
repJSON(s)

//json判定BOXを生成
$(任意要素).jsonCHK {
  debug: false,
  done: null,
  error: null
};
//jsonからバーを生成
$(任意要素).jsonBar(json);

$(親要素).codeESCAPE();で指定する。

//bodyで指定済
$(body).codeESCAPE();


ここにコード記述

でエスケープされる。

//htmlの場合・class="html" に を付与する。

ここにコード記述

//※html以外の場合はclass不要　> < の置換が避けられない

//コード表示のhighlightは、highlight.js  ver9.18を採用
//ver10以降は、IE11に対応していないため

//highlight.jsのデザインCSSを読み込み


//highlight.jsの読み込みと実行

//class="html" なしなら　>　<　の記述OK！