- 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