这更像是一篇为自己而写的文章,没有过多的解释,sorray。
关于:return
function fn(num){
var a = num;
if(a>1){
a = num + 1;
return a;
}else if(a<1){
a = 0;
return a;
}
}
可以写成这样
function fn(num){
var a = num;
if(a>1){
a = num + 1;
}else if(a<1){
a = 0;
}
return a;
}
利用return替代if..else..
function fn(num){
if(num==5){
...........
return;
}
// 否则语句
.........
}
利用return跳出多重循环
function fn(){
for(var i=0;i<10;i++){
for(var j=0;j<10;j++){
............
if(xx===xx){
return;
}
}
}
}
利用return this实现链式调用
var Fn = function(dom){this.dom = dom;};
Fn.prototype.click = function(fn){
this.dom.onclick = function(){
fn();
};
return this;
};Fn.prototype.mouseover = function(fn){
this.dom.onmouseover = function(){
fn();
};
return this;
};var fn = new Fn(box);
fn.click(function(){
console.log('click');
}).mouseover(function(){
console.log('mouseover');
})
合理利用 || &&
if(fn()!=='undefined'){
.........
}
可以这样
fn()&&要执行的代码
如果需要在&&或者||中使用赋值语句需要加()
return fn() && (a = 10);
利用||替程序实现默认值
var a = name || '追梦子';
function相关性...
参数较多的情况下使用透明参数(使用对象)
function fn(obj){
for(var k in obj){
..............
}
}fn({a:1,b:2,c:3,d:4,e:5})
-------------------------
减少函数参数,如果内部可以计算出的话。
利用函数解决变量污染问题
(function(){
// 代码块
}())
利用函数创建私有变量
var fn = (function(){
var name = 'xxx';
return function(){
.............
};
}());
利用闭包保存上下文
for(var i=0;i<10;i++){
(function(i){
lis[i].onclick = function(){
..........
};
}(i))
}
合理利用apply
var arr = [2,3];
function add(a,b){
console.log(a + b);
}add.apply(null,arr); //5
关于:for
简写1:
var arr = [2,3,4,5];
for(var i=-1;(arr.length-1)>i++;){
console.log(arr[i]);
}
var arr = [2,3,4,5];
var i = -1;for(;(arr.length-1)>i++;){
console.log(arr[i]);
}
简写2:
var arr = [2,3,4,5];
for(var i=0,c;c=arr[i++];){
console.log(c);
}
空白
var that = this; // 可以这样
varthat = this; // 不可以这样
varthat本身就会被当成是一个变量,没有人会知道你这是在声明一个变量,就好象如果你想要使用varthat而不是声明一样。
数字
javascript没有区分数字类型所以“ 1 和 1.0 ” 是一样的。
对象属性
在低版本浏览器中对象属性如果是保留字或者关键字必须加引号,不然会报错,并且使用的时候也必须通过[]来访问这个属性,在高版本浏览器中已经不存在这个问题。
数组
javascript并没有提供真正的数组而是通过对象提供了一种类似数组的结构。因此数组在大部分情况下和对象非常相似。
因为数组也是对象我们也可以使用for in来遍历数组
var arr = [2,3];
for(var k in arr){
console.log(k,arr[k]);
}
数组有一个length属性,这个length只包含数字,如果是其他的这个长度是不会包含进来的。比如:
var arr = [2,3];
arr.fn = function(){};
这个fn是不会包含在length里面的
只能这样
var arr = [2,3];
arr[5] = 10;console.log(arr.length);
因此对象没有length属性也很正常。但是也说了数组就是对象,所以我们想让对象也实现数组的一些特性也是很正常不过的。
因为设计的原因数组的类型也是Object所有给了我们不少小麻烦,不过我们可以自己实现一个。
通过length = 0可以用来清空数组。