手写jsonp

var util = {};

/**
 * [function 判断是否为函数]
 * @param  {[type]} source [description]
 * @return {[type]}        [description]
 */
util.isFunction = function (source) {
    return '[object Function]' === Object.prototype.toString.call(source);
};

/**
 * util里面的一个jsonp的方法
 * jsonp方法，利用script标签动态请求一个函数，函数的返回结果即为请求的响应结果
 * [function jsonp]
 * @param  {[type]} url      [description]
 * @param  {[type]} onsucess [description]
 * @param  {[type]} onerror  [description]
 * @param  {[type]} charset  [description]
 * @return {[type]}          [description]
 */
util.jsonp = function (url, onsuccess, onerror, charset) {
    // 获取一个随机五位字符串 作为返回的回调函数名
    var callbackName = util.getName('tt_player');
    // 把这个回调函数添加到全局window上面，如果onsuccess存在并且是一个回调函数的话
    window[callbackName] = function () {
        if (onsuccess && util.isFunction(onsuccess)) {
            onsuccess(arguments[0]);
        }
    };

    //创建一个script标签，请求一个url
    var script = util.createScript(url + '&callback=' + callbackName, charset);

    // script加载完毕（类似xhr也是会有一个状态码和回调函数的过程）
    // 这里的window[callbackName]会被成功调用，从而进入onsuccess函数，然后window[callbackName]会被清除掉
    script.onload = script.onreadystatechange = function () {
        if (!script.readyState || /loaded|complete/.test(script.readyState)) {
            script.onload = script.onreadystatechange = null;
            // 移除该script的 DOM 对象
            if (script.parentNode) {
                script.parentNode.removeChild(script);
            }
            // 删除函数或变量
            window[callbackName] = null;
        }
    };
    script.onerror = function () {
        if (onerror && util.isFunction(onerror)) {
            onerror();
        }
    };
    document.getElementsByTagName('head')[0].appendChild(script);// 添加标签到dom元素上
};