20170814

前端使用异步的场景

• 定时任务：setTimeout, setInverval
• 网络请求：ajax请求，动态<img>加载
• 事件绑定

var img = document.createElement('img')
img.onload = function () {
  console.log('loaded')
}
img.src = '~'
console.log('end')

数组API

• forEach 遍历所有元素
• every 判断所有元素是否符合条件
• some 判断是否有至少一个元素符合条件
• sort排序
• map对数组重新组装，生成新数组
• filter过滤符合条件的元素

var arr = [1,2,3]
var result = arr.some(function(item, index){
  //用来判断所有的数组元素，只要有一个满足条件即可
  if(item < 2){
    return true;
  }
})

var arr = [1,2,3]
var result = arr.every(function(item, index){
  //用来判断所有的数组元素，都满足一个条件
  if(item < 2){
    return true;
  }
})

var arr = [1, 2, 3]
var arr2 = arr.filter(function(item, index){
  //通过某一条件过滤数组
  if(item >=2){
    return true
  }
})

获取格式日期

function formatDate(dt){
  if(!dt){
    dt = new Date();
  }
  var year = dt.getFullYear()
  var month = dt.getMonth() + 1
  var date = dt.getDate()
  if(mouth < 10){
    mouth = '0' + mouth
  }
  if(date < 10){
    date = '0' + date
  }
  return year + '-' + month + '-' +date
}
var dt = new Date();
var formatDate = formatDate(dt)

获取随机数，要求是长度一直的字符串格式

var random = Math.random()
var random += '0000000000'
var random = random.slice(0,10)

能遍历对象和数组的forEach函数

function forEach(obj, fn){
  var key
  if(obj instanceof Array{
    obj.forEach(function(item, index){
      fn(index, item)
    })
  } else {
    for(key in obj){
      fn(key, onj[key])
    }
  }
}

var arr = [1, 2, 3]
forEach(arr, function(index, item){
  console.log(index, item);
})
var obj = {x:100, y:200}
forEach(obj, function(key, value){
  console.log(key, value);
})