一般的なフロントエンドJavaScriptメソッドのカプセル化

関数型(para) {
    Object.prototype.toString.call(para) を返します。
}

関数 unique1(arr) {
    [...新しいSet(arr)]を返す
}

関数 unique2(arr) {
    var obj = {};
    arr.filter(ele => { を返します
        if (!obj[ele]) {
            オブジェクト[要素] = true;
            true を返します。
        }
    })
}

関数 unique3(arr) {
    var 結果 = [];
    arr.forEach(ele => {
        （結果のインデックス（ele）== -1）の場合）
            結果.push(ele)
        }
    })
    結果を返します。
}

String.prototype.unique = 関数 () {
    var obj = {},
        文字列 = ''、
        len = this.length;
    (var i = 0; i < len; i++) の場合 {
        if (!obj[this[i]]) {
            str += this[i];
            obj[this[i]] = true;
        }
    }
    str を返します。
}

###### //連続する文字列を削除する function uniq(str) {
    str.replace(/(\w)\1+/g, '$1') を返します
}

//ディープクローン（ディープクローンは関数を考慮しません）
関数 deepClone(obj, 結果) {
    var 結果 = 結果 || {};
    (var prop in obj) {
        obj.hasOwnProperty(prop) の場合 {
            if (typeof obj[prop] == 'object' && obj[prop] !== null) {
                // 参照値（obj/配列）であり、null ではない
                if (Object.prototype.toString.call(obj[prop]) == '[object Object]') {
                    // オブジェクト result[prop] = {};
                } それ以外 {
                    // 配列 result[prop] = [];
                }
                deepClone(オブジェクト[prop]、結果[prop])
    } それ以外 {
        // 元の値または関数
        結果[prop] = オブジェクト[prop]
    }
  }
}
結果を返します。
}

// ディープクローニングとシャロークローニングは参照値用です function deepClone(target) {
    if (typeof (target) !== 'object') {
        ターゲットを返します。
    }
    var 結果;
    if (Object.prototype.toString.call(target) == '[オブジェクト配列]') {
        // 配列結果 = []
    } それ以外 {
        // オブジェクト結果 = {};
    }
    (var prop in target) {
        ターゲットが独自のプロパティを持っている場合
            結果[prop] = deepClone(ターゲット[prop])
        }
    }
    結果を返します。
}
// 関数をコピーできません var o1 = jsON.parse(jsON.stringify(obj1));

// 元の配列を変更する Array.prototype.myReverse = function () {
    var len = this.length;
    (var i = 0; i < len; i++) の場合 {
        var temp = this[i];
        this[i] = this[len - 1 - i];
        this[len - 1 - i] = temp;
    }
    これを返します。
}

関数継承(ターゲット、オリジン) {
    関数 F() {};
    F.prototype = Origin.prototype;
    ターゲット.prototype = 新しい F();
    Target.prototype.constructor = ターゲット;
    // 最終的なプロトタイプは Target.prop.uber = Origin.prototype を指します。
}

String.prototype.firstAppear = 関数（）{
    var obj = {},
        len = this.length;
    (var i = 0; i < len; i++) の場合 {
        もし(obj[this[i]]) {
            obj[this[i]]++;
        } それ以外 {
            obj[this[i]] = 1;
        }
    }
    (var prop in obj) {
       （オブジェクト[プロパティ] == 1）の場合{
         プロパティを返します。
       }
    }
}

関数の親(ele, n) {
    while (ele && n) {
        ele = ele.parentElement ? ele.parentElement : ele.parentNode;
        n--;
    }
    要素を返します。
}

関数retSibling(e, n) {
    (e && n) の間 {
        (n > 0) の場合 {
            if (e.nextElementSibling) {
                次の要素の兄弟を作成します。
            } それ以外 {
                e = e.nextSibling; e && e.nodeType !== 1; e = e.nextSibling; の場合
            }
            n--;
        } それ以外 {
            （e.previousElementSibling）の場合{
                e = e.previousElementSibling;
            } それ以外 {
                e = e.previousElementSibling; e && e.nodeType !== 1; e = e.previousElementSibling; の場合
            }
            n++;
        }
    }
    e を返します。
}

関数 myChildren(e) {
    var children = e.childNodes,
        ar = [],
        len = children.length;
    (var i = 0; i < len; i++) の場合 {
        （子[i].nodeType === 1）の場合{
            arr.push(子[i])
        }
    }
    arr を返します。
}

関数hasChildren(e) {
    var children = e.childNodes,
        len = children.length;
    (var i = 0; i < len; i++) の場合 {
        （子[i].nodeType === 1）の場合{
            true を返します。
        }
    }
    false を返します。
}

Element.prototype.insertAfter = 関数 (ターゲット、elen) {
    var nextElen = elen.nextElenmentSibling;
    if (nextElen == null) {
        this.appendChild(ターゲット);
    } それ以外 {
        this.insertBefore(ターゲット、次のElen);
    }
}

関数 getDateTime() {
    var date = 新しい Date(),
        年 = date.getFullYear(),
        月 = date.getMonth() + 1、
        日 = date.getDate(),
        時間 = date.getHours() + 1、
        分 = date.getMinutes(),
        秒 = date.getSeconds();
        月 = checkTime(月);
        day = checkTime(day);
        時間 = checkTime(時間);
        分 = checkTime(分);
        秒 = checkTime(秒);
     関数 checkTime(i) {
        もし（i < 10）{
                i = "0" + i;
       }
      i を返します。
    }
    戻り値: "" + 年 + "年" + 月 + "月" + 日 + "日" + 時間 + "時間" + 分 + "分" + 秒 + "秒"
}

関数 getScrollOffset() {
if (window.pageXOffset) {
戻る {
x: ウィンドウ.ページXオフセット、
y: ウィンドウページYオフセット
}
} それ以外 {
戻る {
x: document.body.scrollLeft + document.documentElement.scrollLeft、
y: document.body.scrollTop + document.documentElement.scrollTop
}
}
}

関数 getViewportOffset() {
    if (window.innerWidth) {
        戻る {
            w: ウィンドウの内側の幅、
            h: ウィンドウの内側の高さ
        }
    } それ以外 {
        // ie8以下 if (document.compatMode === "BackCompat") {
            // Quirks モード return {
                w: document.body.clientWidth、
                h: ドキュメント本体のクライアント高さ
            }
        } それ以外 {
            // 標準モード return {
                w: document.documentElement.clientWidth、
                h: ドキュメント.documentElement.クライアント高さ
            }
        }
    }
}

関数 getStyle(要素, プロパティ) {
    window.getComputedStyle を返します ? window.getComputedStyle(elem, null)[prop] : elem.currentStyle[prop]
}

関数 addEvent(要素, タイプ, ハンドル) {
    if (elem.addEventListener) { //IE 以外および IE9 以外
        elem.addEventListener(タイプ、ハンドル、false);
    } else if (elem.attachEvent) { //ie6 から ie8
        elem.attachEvent('on' + type, function() {
            handle.call(要素);
        })
    } それ以外 {
        elem['on' + type] = ハンドル;
    }
}

関数removeEvent(要素、タイプ、ハンドル) {
    if (elem.removeEventListener) { //IE 以外および IE9 以外
        elem.removeEventListener(タイプ、ハンドル、false);
    } else if (elem.detachEvent) { //ie6 から ie8
        elem.detachEvent('on' + タイプ、ハンドル);
    } それ以外 {
        要素['on' + タイプ] = null;
    }
}

関数stopBubble(e) {
    e && e.stopPropagation の場合 {
        e.stopPropagation();
    } それ以外 {
        ウィンドウのイベントをキャンセルするには、次の手順を実行します。
    }
}

関数isPalina(str) {
    if (Object.prototype.toString.call(str) !== '[オブジェクト文字列]') {
        false を返します。
    }
    var len = str.length;
    (var i = 0; i < len / 2; i++) の場合 {
        str[i] != str[len - 1 - i] の場合 {
            false を返します。
        }
    }
    true を返します。
}

関数isPalindrome(str) {
    str = str.replace(/\W/g, '').toLowerCase();
    コンソール.log(文字列)
    戻り値 (str == str.split('').reverse().join(''))
}

Element.prototype.getElementsByClassName = Document.prototype.getElementsByClassName = 関数 (_className) {
    var allDomArray = document.getElementsByTagName('*');
    var lastDomArray = [];
    関数trimSpace(strClass) {
        var reg = /\s+/g;
        strClass.replace(reg, ' ').trim() を返す
    }
    (var i = 0; i < allDomArray.length; i++) {
        var classArray = trimSpace(allDomArray[i].className).split(' ');
        (var j = 0; j < classArray.length; j++) の場合 {
            if (classArray[j] == _className) {
                lastDomArray.push(allDomArray[i]);
                壊す;
            }
        }
    }
    lastDomArray を返します。
}

関数 animate(obj, json, コールバック) {
    タイマー間隔をクリアします。
    var 速度、
        現在;
    obj.timer = setInterval(関数() {
        var ロック = true;
        (json 内の var プロパティ) {
            (prop == '不透明度')の場合{
                現在の = parseFloat(window.getComputedStyle(obj, null)[prop]) * 100;
            } それ以外 {
                現在の = parseInt(window.getComputedStyle(obj, null)[prop]);
            }
            速度 = (json[prop] - 現在の値) / 7;
            速度 = 速度 > 0 ? Math.ceil(速度) : Math.floor(速度);

            (prop == '不透明度')の場合{
                obj.style[prop] = (現在の速度 + 速度) / 100;
            } それ以外 {
                obj.style[prop] = 現在の値 + 速度 + 'px';
            }
            (現在のjson[prop]ではない)の場合{
                ロック = false;
            }
        }
        if (ロック) {
            タイマー間隔をクリアします。
            typeof callback == 'function' ? callback() : '';
        }
    }, 30)
}

関数 ElasticMovement(obj, target) {
    タイマー間隔をクリアします。
    var iSpeed ​​= 40,
        a, u = 0.8;
    obj.timer = setInterval(関数() {
        a = (ターゲット - obj.offsetLeft) / 8;
        iSpeed ​​= iSpeed ​​+ a;
        iSpeed ​​= iSpeed ​​* u;
        (Math.abs(iSpeed) <= 1 && Math.abs(a) <= 1) の場合 {
            コンソールログ('over')
            タイマー間隔をクリアします。
            obj.style.left = ターゲット + 'px';
        } それ以外 {
            obj.style.left = obj.offsetLeft + iSpeed + 'px';
        }
    }, 30);
}

Array.prototype.myForEach = 関数 (func, obj) {
    var len = this.length;
    var _this = 引数[1] ? 引数[1] : ウィンドウ;
    // var _this=引数[1]||ウィンドウ;
    (var i = 0; i < len; i++) の場合 {
        func.call(_this, this[i], i, this)
    }
}

Array.prototype.myFilter = 関数 (func, obj) {
    var len = this.length;
    var arr = [];
    var _this = 引数[1] || ウィンドウ;
    (var i = 0; i < len; i++) の場合 {
        func.call(_this, this[i], i, this) && arr.push(this[i]);
    }
    arr を返します。
}

Array.prototype.myMap = 関数 (func) {
    var arr = [];
    var len = this.length;
    var _this = 引数[1] || ウィンドウ;
    (var i = 0; i < len; i++) の場合 {
        arr.push(func.call(_this, this[i], i, this));
    }
    arr を返します。
}

Array.prototype.myEvery = 関数 (func) {
    var フラグ = true;
    var len = this.length;
    var _this = 引数[1] || ウィンドウ;
    (var i = 0; i < len; i++) の場合 {
        （func.apply(_this, [this[i], i, this]) == false）の場合{
            フラグ = false;
            壊す;
        }
    }
    フラグを返します。
}

Array.prototype.myReduce = 関数 (func, initialValue) {
    var len = this.length,
        次の値、
        私;
    if (!初期値) {
        // 2番目のパラメータは渡されません nextValue = this[0];
        私 = 1;
    } それ以外 {
        // 2 番目のパラメータを渡します nextValue = initialValue;
        私 = 0;
    }
    (; i < len; i++) の場合 {
        nextValue = func(nextValue, this[i], i, this);
    }
    次の値を返します。
}

関数 getWindonHref() {
    var sHref = window.location.href;
    var args = sHref.split('?');
    （args[0] === sHref）の場合{
        戻る '';
    }
    var hrefarr = args[1].split('#')[0].split('&');
    var obj = {};
    (var i = 0; i < hrefarr.length; i++) {
        hrefarr[i] = hrefarr[i].split('=');
        obj[hrefarr[i][0]] = hrefarr[i][1];
    }
    obj を返します。
}

// クイックソート [左] + min + [右]
関数 quickArr(arr) {
    （arr.length <= 1）の場合{
        arr を返します。
    }
    var 左 = [],
        右 = [];
    var pIndex = Math.floor(arr.length / 2);
    var p = arr.splice(pIndex, 1)[0];
    (var i = 0; i < arr.length; i++) の場合 {
        もし（arr[i] <= p）{
            左にプッシュします(arr[i]);
        } それ以外 {
            右にプッシュします(arr[i]);
        }
    }
    // 再帰 return quickArr(left).concat([p], quickArr(right));
}

// バブル関数 bubbleSort(arr) {
    (var i = 0; i < arr.length - 1; i++) の場合 {
        (var j = i + 1; j < arr.length; j++) の場合 {
            もし(arr[i] > arr[j]) {
                var temp = arr[i];
                arr[i] = arr[j];
                arr[j] = 一時;
            }
        }
    }
    arr を返します。
}

関数 bubbleSort(arr) {
    var len = arr.length;
    (var i = 0; i < len - 1; i++) の場合 {
        (var j = 0; j < len - 1 - i; j++) の場合 {
            もし(arr[j] > arr[j + 1]) {
                var temp = arr[j];
                arr[j] = arr[j + 1];
                arr[j + 1] = 温度;
            }
        }
    }
    arr を返します。
}

関数 traverse(要素, コールバック) {
    コールバック(要素);
    var リスト = element.children;
    (var i = 0; i < list.length; i++) の場合 {
        トラバース(リスト[i]、コールバック);
    }
}

関数 ajax(メソッド、URL、コールバック、データ、フラグ) {
    var xhr;
    フラグ = フラグ || true;
    メソッド = method.toUpperCase();
    if (window.XMLHttpRequest) {
        xhr = 新しい XMLHttpRequest();
    } それ以外 {
        xhr = 新しい ActiveXObject('Microsoft.XMLHttp');
    }
    xhr.onreadystatechange = 関数 () {
        xhr.readyState == 4 && xhr.status == 200 の場合 {
            コンソール.log(2)
            コールバック(xhr.responseText);
        }
    }

    if (メソッド == 'GET') {
        var date = 新しい Date(),
        タイマー = date.getTime();
        xhr.open('GET', url + '?' + データ + '&timer' + タイマー, フラグ);
        xhr.送信()
        } それ以外の場合 (メソッド == 'POST') {
        xhr.open('POST', url, フラグ);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(データ);
    }
}

関数loadScript(url, コールバック) {
    var oscript = document.createElement('script');
    if (oscript.readyState) { // ie8以下 oscript.onreadystatechange = function () {
            if (oscript.readyState === '完了' || oscript.readyState === 'ロード済み') {
                折り返し電話（）;
            }
        }
    } それ以外 {
        oscript.onload = 関数（）{
            折り返し電話（）
        };
    }
    oscript.src = URL;
    document.body.appendChild(oscript);
}

var クッキー = {
    設定: 関数 (名前、値、時間) {
        document.cookie = 名前 + '=' + 値 + '; max-age=' + 時間;
        これを返します。
    },
    削除: 関数 (名前) {
        this.setCookie(name, '', -1) を返します。
    },
    get: 関数 (名前、コールバック) {
        var allCookieArr = document.cookie.split('; ');
        (var i = 0; i < allCookieArr.length; i++) {
            var itemCookieArr = allCookieArr[i].split('=');
            if (itemCookieArr[0] === 名前) {
                アイテムCookieArr[1]を返す
            }
        }
        未定義を返します。
    }
}

Function.prototype.myBind = 関数 (ターゲット) {
    var target = ターゲット || ウィンドウ;
    var _args1 = [].slice.call(引数, 1);
    var self = this;
    var temp = 関数 () {};
    var F = 関数() {
        var _args2 = [].slice.call(引数, 0);
        var parasArr = _args1.concat(_args2);
        self.apply(this instanceof temp ? this : target, parasArr) を返します。
    }
    temp.prototype = self.prototype;
    F.prototype = 新しいtemp();
    F を返します。
}

Function.prototype.myCall = 関数 () {
    var ctx = 引数[0] || ウィンドウ;
    ctx.fn = これ;
    var args = [];
    (var i = 1; i < 引数の長さ; i++) {
        args.push(引数[i])
    }
    var 結果 = ctx.fn(...args);
    ctx.fn を削除します。
    結果を返します。
}

Function.prototype.myApply = 関数 () {
    var ctx = 引数[0] || ウィンドウ;
    ctx.fn = これ;
    if (!引数[1]) {
        var 結果 = ctx.fn();
        ctx.fn を削除します。
        結果を返します。
    }
    var 結果 = ctx.fn(...引数[1]);
    ctx.fn を削除します。
    結果を返します。
}

関数デバウンス(ハンドル、遅延) {
    var タイマー = null;
    関数を返す（）{
        var _self = これ、
            _args = 引数;
        タイマーをクリアします。
        タイマー = setTimeout(関数() {
            ハンドルを適用します(_self, _args)
        }、 遅れ）
    }
}

関数スロットル(ハンドラ、待機) {
    var lastTime = 0;
    関数を返す（e）{
        var nowTime = new Date().getTime();
        if (現在時刻 - 前回時刻 > 待機) {
            ハンドラ.apply(this, 引数);
            前回の時刻 = 現在の時刻;
        }
    }
}

window.requestAnimFrame = (関数() {
    window.requestAnimationFrame を返します ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        関数（コールバック）{
            window.setTimeout(コールバック、1000 / 60);
        };
})();

window.cancelAnimFrame = (関数() {
    window.cancelAnimationFrame を返します ||
        window.webkit アニメーションフレームをキャンセルします ||
        window.mozCancelAnimationFrame ||
        関数 (id) {
            ウィンドウのクリアタイムアウト(id);
        };
})();

関数 jsonp(url, コールバック) {
    var oscript = document.createElement('script');
    if (oscript.readyState) { // ie8以下 oscript.onreadystatechange = function () {
            if (oscript.readyState === '完了' || oscript.readyState === 'ロード済み') {
                折り返し電話（）;
            }
        }
    } それ以外 {
        oscript.onload = 関数（）{
            折り返し電話（）
        };
    }
    oscript.src = URL;
    document.body.appendChild(oscript);
}

関数 getUrlParam(sUrl, sKey) {
    var 結果 = {};
    sUrl.replace(/(\w+)=(\w+)(?=[&|#])/g, 関数(ele, key, val) {
        if (!結果[キー]) {
            結果[キー] = val;
        } それ以外 {
            var temp = 結果[キー];
            結果[キー] = [].concat(temp, val);
        }
    })
    if (!sKey) {
        結果を返します。
    } それ以外 {
        結果[sKey]を返します || '';
    }
}

関数formatDate(t, str) {
    var obj = {
        yyyy: t.getFullYear(),
        yy: ("" + t.getFullYear()).slice(-2),
        M: t.getMonth() + 1、
        MM: ("0" + (t.getMonth() + 1)).slice(-2)、
        d: t.getDate(),
        dd: ("0" + t.getDate()).slice(-2),
        H: t.getHours(),
        HH: ("0" + t.getHours()).slice(-2)、
        h: t.getHours() % 12,
        hh: ("0" + t.getHours() % 12).slice(-2),
        m: t.getMinutes(),
        mm: ("0" + t.getMinutes()).slice(-2),
        s: t.getSeconds(),
        ss: ("0" + t.getSeconds()).slice(-2),
        w: ['日', '月', '火', '水', '木', '金', '土'][t.getDay()]
    };
    str.replace(/([az]+)/ig, 関数($1) {を返す
        オブジェクト[$1]を返す
    });
}

関数 isAvailableEmail(sEmail) {
    var reg = /^([\w+\.])+@\w+([.]\w+)+$/
    reg.test(sEmail) を返す
}

関数curryIt(fn) {
    var 長さ = fn.length、
        引数 = [];
    var 結果 = 関数 (引数) {
        引数をpushします。
        長さ - ;
        長さ<= 0の場合{
            fn.apply(this, args) を返します。
        } それ以外 {
            結果を返します。
        }
    }
    結果を返します。
}

関数 sumBigNumber(a, b) {
    var res = '', // 結果 temp = 0; // ビット加算の結果と繰り上がり a = a.split('');
    b = b.split('');
    (a.length || b.length || temp) の間 {
        //~~ビットごとの NOT 1。型変換、数値に変換 2。~~undefined==0 
        temp += ~~a.pop() + ~~b.pop();
        res = (temp % 10) + res;
        温度 = 温度 > 9;
    }
    res.replace(/^0+/, '') を返します。
}

関数 getSingle(func) {
    var 結果;
    関数を返す（）{
        if (!結果) {
            結果 = 新しい関数(引数);
        }
        結果を返します。
    }
}