JavaScript小技巧总结
JavaScript是一种脚本语言:
- 语法类似于常见的高级语言
- 脚本语言,不需要编译就可以由解释器直接运行
- 变量松散定义
- 面向对象
JSON是一种数据交换格式,而JSONP是JSON的一种使用模式,是基于JSON的。简单说JSON是协议,而JSONP是使用这种协议的一种方法。
函数分类
函数声明: function add(a,b){}
函数表达式:
var add=function(a,b){}
(function(){})();
立即执行函数
return function(){};
var add=function foo(a,b){};
this
全局的this 指向浏览器 this===window
call/apply 修改this指向
add.call(0,5,7)
和 add.apply(0,[10,20])
中this指向0
bind与this
bind IE9及以上支持 改变this
bind({a:3}) this指向{a:3}
foo.name 函数名
foo.length 形参个数
arguments.length 实参个数
未传参数失去绑定 foo(a,b,c) foo(1,2) arguments[2]=undefined
原始操作符比函数调用快
A[A.length]=v;
好于A.push(v)
;
var min=a<b?a:b;
return min;
不要在循环内部使用
try-catch-finally
不要对数组使用
for in
避免使用with() with()可以把变量加入到全局作用域中
不要使用eval() 或者函数构造器 开销较大
JSON序列化
对象→json JSON.stringify()
JSON反序列化
json→对象 JSON.parse()
jQuery中可以临时存储整个DOM元素 ``` var navleft=document.querySelector('#left');
逗号运算符:先计算左边的参数,再计算右边的参数,返回最右边参数的值
通过for-in循环检查对象的属性,下面用法防止迭代的时候进入到对象的原型属性中
for (var name in object){
if(Object.hasOwnProperty(name)){
//do sth
}
}
toFixed把number四舍五入为指定小数位数的数字 num.toFixed()
注意:toFixed()返回的是字符串不是数字
使用length属性清空数组、截断数组
arr.lenght=0;arr.length=4;
不要直接从数组中delete或remove元素。直接使用delete其实并没有删除,只是将元素置为undefined。数组元素删除应使用splice.删除对象的属性可以使用delete.
获取数组中的最大值和最小值
var numbers=[];
var max=Math.max.apply(Math,numbers);
var min=Math.min.apply(Math,numbers);
验证是否为数组
function isArray(obj){
return Object.prototype.toString.call(obj)==='[object Array]';
}
若toString()被重写过,就行不通了。
验证是否为数字
function isNumber(n){
return !isNaN(parseFloat(n))&&isFinite(n);
}
对象转换为数组
var argArray=Array.prototype.slice.call(arguments);
能将具有length属性的对象转换为数组
var a={length:3,0:'abc',1:'def',2:'ghi'};
console.log(Array.prototype.slice.call(a));//['abc','def','ghi']
function toArr(obj){
var arr=[];
for(item in obj){
arr.push(obj[item]);
}
return arr;
}
toArr(obj);
数组之间追加
Array.prototye.push.apply(array1,array2);
字符串去空格
String.prototype.trim=function(){
return this.replace(/(^\s*)|(\s*$)/g,"");
}
或者$.trim(str);
只有function(){}内新声明的才能是局部变量,while{}、if{}、for{}之内的都是全局变量(除非本身包含在function内)
函数声明优于变量声明。如果函数名和变量名相同,函数声明就能覆盖变量声明。
给基本数据类型添加属性不报错,但取值时是undefined。
使用push()来合并数组
var arr1=[1,2,3],arr2=[4,5,6];
Array.prototype.push.apply(arr1,arr2);
arr1;
//[1,2,3,4,5,6]
闭包
- 定义了一个普通函数A
- 在A中定义了普通函数B
- 在A中返回B(确切的讲在A中返回B的引用)
- 执行A(),把A的返回结果赋值给变量C
- 执行C()
经典闭包
var lis=document.links;
for (var i=0,length=lis.length;i<length;i++){
(function(i){
lis[i].onclick=function(){
alert(i+1);
}
})(i);
}