JavaScript常用代码

在这存一下JavaScript常用代码：

1.封装输出

var log = function() {
    console.log.apply(console, arguments)
}

// 测试:
log(123)
log("333", "666")
log("this ", "is", " a test!")

2.向JavaScript的字符串中添加一些功能

(1)添加reverse函数

String.prototype.reverse = function (){
    return Array.prototype.reverse.apply(this.split('')).join('')
}

// 测试:
console.log("wyb".reverse())
console.log("wyb666".reverse())

(2)添加字符串格式化函数format

// JavaScript字符串格式化
    String.prototype.format = function (args) {
        var result = this;
        if (arguments.length > 0) {
            if (arguments.length == 1 && typeof (args) == "object") {
                for (var key in args) {
                    if (args[key] != undefined) {
                        var reg = new RegExp("({" + key + "})", "g");
                        result = result.replace(reg, args[key]);
                    }
                }
            }
            else {
                for (var i = 0; i < arguments.length; i++) {
                    if (arguments[i] != undefined) {
                        var reg = new RegExp("({)" + i + "(})", "g");
                        result = result.replace(reg, arguments[i]);
                    }
                }
            }
        }
        return result;
    };

// 测试:
s = "{0} {1} {2}".format("this", "is a test", "for format")  // this is a test for format
console.log(s)

3.JavaScript序列化/反序列化

有一个常见的需求是在 字典/数组 和 字符串 之间相互转换，这个过程叫做 序列化/反序列化
在 js 中, 序列化使用 JSON 数据格式，全称 JavaScript Object Notation (js 对象标记)，这个格式已经是现在用于互联网数据交换的事实标准格式了
python 也有内置的标准库进行这种转换，当然JavaScript中也有内置的对象可以进行这些操作：

var s = JSON.stringify([1, 2, 3, 4])
console.log('序列化后的字符串: ', typeof s, s)
var a = JSON.parse(s)
console.log('反序列化后的数组: ', typeof a, a)

4.JavaScript ajax函数

基本原理：

// GET
// 创建 AJAX 对象
var r = new XMLHttpRequest()
// 设置请求方法和请求地址
r.open('GET', '/login', true)
// 注册响应函数
r.onreadystatechange = function() {
    console.log('state change: ', r)
}
// 发送请求
r.send()


// POST
// 创建 AJAX 对象
var r = new XMLHttpRequest()
// 设置请求方法和请求地址
r.open('POST', '/login', true)
// 设置发送的数据的格式
r.setRequestHeader('Content-Type', 'application/json')
// 注册响应函数
r.onreadystatechange = function() {
    if (r.readyState === 4) {
        console.log('state change: ', r, r.status, r.response)
        // 转换格式
        var response = JSON.parse(r.response)
        console.log('response', response)
    } else {
        console.log('change')
    }
}
// 发送请求
var account = {
    username: 'gua',
    password: '123',
}
var data = JSON.stringify(account)
r.send(data)

封装：

/*
 ajax 函数
*/
var ajax = function(method, path, data, reseponseCallback) {
    var r = new XMLHttpRequest();
    // 设置请求方法和请求地址
    r.open(method, path, true);
    // 设置发送的数据的格式为 application/json
    // 这个不是必须的
    r.setRequestHeader('Content-Type', 'application/json');
    // 注册响应函数
    r.onreadystatechange = function() {
        if(r.readyState === 4) {
            // r.response 存的就是服务器发过来的放在 HTTP BODY 中的数据
            reseponseCallback(r.response);
        }
    };
    // 把数据转换为 json 格式字符串
    data = JSON.stringify(data);
    // 发送请求
    r.send(data);
};

5.扩充类型的功能

JavaScript允许给语言的基本类型扩充功能，在JavaScript中没有专门的整数类型，另外JavaScript自身提供的取整方法也是有些漏洞：

我们可以使用下面的代码去扩充取整方法，使之能正常使用：

// 通过Function.prototype增加方法使得该方法对所有函数可用 
Function.prototype.method = function (name ,func){
    this.prototype[name] = func;
    return this;
}

Number.method('integer', function(){
    return Math[this < 0 ? 'ceil' : 'floor'](this);
});
document.writeln((-10/3).integer());  // -3

另外注意我们也可以限制原型中没有此方法时才添加：

// 通过Function.prototype增加方法使得该方法对所有函数可用 -> 只有原型中没有此方法时才添加
Function.prototype.method = function (name ,func){
    if(!this.prototype[name]){
          this.prototype[name] = func;
    }
    return this;
}