查漏补缺(十三)

查漏补缺(十三)

惰性函数

惰性函数只会在第一次执行时是完整的按照书写内容运行的,因为执行后函数会被重写,重写之后的函数执行内容就不是第一次执行时的内容了。
执行顺序:fn第一次执行---->把fn重新赋值一个新的函数---->下次调用时执行的就是新内容

//手写一个 foo 函数,函数返回首次调用时的Date对象,注意是首次
function foo(){
	let d = new Date()
	foo = function(){
		return d
	}
	return foo()
}

解析URL为对象

let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';
let list = url.split('?')[1].split('&')
let obj = {}
list.forEach(item=>{
     let [key, val] = item.split('=')
     val = decodeURIComponent(val)
     if(obj.hasOwnProperty(key)){
     	obj[key] = [].concat(obj[key], val)
     }else{
        obj[key] = val =='undefined' ? true : val
     }
})

/* 结果
{ user: 'anonymous',
  id: [ 123, 456 ], // 重复出现的 key 要组装成数组,能被转成数字的就转成数字类型
  city: '北京', // 中文需解码
  enabled: true, // 未指定值得 key 约定为 true
}
*/

数据结构处理

function fn(data) {
  let nameList = [];

  function tmp(data) {
    if (data.hasOwnProperty('child')) {
      if (Array.isArray(data.child)) {
        nameList.push(data.name);
        data.child.forEach(child => tmp(child));
      } else {
        tmp(data.child);
      }
    }
  }
  tmp(data);
  return nameList;
}

你可能感兴趣的:(javascript,前端)