每日小结2.24

• JS里的标示符
  所谓标示符，是指变量、函数、属性的名字，函数的参数
• 第一个字符必须是字母、下划线(_)、或者一个美元符($)
• 其他字符可以是字母、下划线、美元符、数字
• 采用驼峰命名规则，e.g. makeSomethingFun
• typeof 是操作符，不需要加()

alert(typeof 12); //number

• parseInt()函数
• 忽略字符串前面的空格，直至找到第一个非空格字符
• 如果第一个字符不是数字字符，则返回NaN；如果第一个字符是数字字符，则继续解析第二个字符，直到遇到非数字字符为止
• 可以传入第二个参数，parseInt("0xA", 16)按16进制解析

alert(parseInt("123blue")) // 123
alert(parseInt(" ")) // NaN
alert(parseInt("0xA", 16)) // 10
alert(parseInt("070")) // 56 #八进制 等价alert(parseInt("070"， 8)) 
alert(parseInt("70")) // 70
alert(parseInt("22.5")) // 22
alert(parseInt(22.5)) // 22 返回整数

• parseFloat()函数
  只能对10进制解析

alert(parseFloat("22.5")) // 22.5
alert(parseFloat("0xA"))  // 0
alert(parseFloat("0922.5")) // 922.5 

• toString()方法

var num = 123;
alert(num.toString()); //字符串"123"
var num = true;
alert(num.toString()); //字符串"true"

• String()函数

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;
alert(String(value1)); // "10"
alert(String(value2)); // "true"
alert(String(value3)); // "null"
alert(String(value4)); // "undefined"

• 函数返回值
  定参数

var add = function(a, b) {
    return a + b
}
add(7, 8) // 15

不定参数

var addAll = function() {
    var result = 0;
    for (var i = 0; i < arguments.length; i++) {
        result += arguments[i]
    }
    return result;
}
addAll(1, 2, 3 ,4, 5) // 15

在线Demo

• 设置行间样式

function setStyle(obj, name, value) {
    return obj.style[name] = value;
}
window.onload = function() {
    var oDiv = document.getElementById("div1");
    setStyle(oDiv, "width", "100px");
}

在线Demo

• 读取非行间样式

function css(obj, name) {
    return obj.currentStyle ? obj.currentStyle[name] : getComputedStyle(obj, false)[name];
}
window.onload = function() {
    var oDiv = document.getElementById("div1");
    alert(css(oDiv, "backgroundColor"));
}

在线Demo

• 数组
  创建数组

var array = [1, 2, 3, 4] //方法一
var array = new Array(1, 2, 3, 4) //方法二

添加、删除元素

var arr = [1, 2, 3, 4]
arr.push(5, 6) // 1, 2, 3, 4, 5, 6  添加到数组的尾部
arr.unshift(5, 6) // 5, 6, 1, 2, 3, 4 添加到数组的头部
arr.pop() // 1, 2, 3 从尾部弹出
arr.shift() // 2, 3, 4 从头部弹出

splice(起点，步长，替换的元素)

var arr = [1, 2, 3, 4];
arr.splice(1, 2); //1, 4 替换的元素为空等于删除数组里的元素
arr.splice(1, 2, "a", "b") // 1, a, b, 4

数组连接concat()

var a = [1, 2, 3];
var b = [4, 5, 6];
a.concat(b); // 1, 2, 3, 4, 5, 6
b.concat(a); // 4, 5, 6, 1, 2, 3

数组的join()

var arr = [1, 2, 3];
alert(arr.join("%$#")); // 1%$#2%$#3

数组的排序sort()

• 对于字符串，直接调用sort()， 按字母a-z的顺序排列
• 对于数字， 需要借助sort(function())

var arr = [1, 31, 2, 64, 63, 12];
arr.sort(function(n1, n2){
    return n1-n2;
});
alert(arr); // 1, 2, 12, 31, 63, 64