javascript技术大全

时间:2021-11-12 16:21:53

这更像是一篇为自己而写的文章,没有过多的解释,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可以用来清空数组。