vue array数组打印出来是个object类型_vue源码中值得学习的方法

作者：chinamasters   https://segmentfault.com/a/1190000025157159

最近在深入研究vue源码，把学习过程中，看到的一些好玩的的函数方法收集起来做分享，希望对大家对深入学习js有所帮助。如果大家都能一眼看懂这些函数，说明技术还是不错的哦。

1. 数据类型判断

Object.prototype.toString.call()返回的数据格式为 [object Object]类型，然后用slice截取第8位到倒一位，得到结果为 Object

var _toString = Object.prototype.toString;
function toRawType (value) {
    
  return _toString.call(value).slice(8, -1)
}

运行结果测试

toRawType({}) //  Object 
toRawType([])  // Array    
toRawType(true) // Boolean
toRawType(undefined) // Undefined
toRawType(null) // Null
toRawType(function(){}) // Function

2. 利用闭包构造map缓存数据

vue中判断我们写的组件名是不是html内置标签的时候，如果用数组类遍历那么将要循环很多次获取结果，如果把数组转为对象，把标签名设置为对象的key，那么不用依次遍历查找，只需要查找一次就能获取结果，提高了查找效率。

function makeMap (str, expectsLowerCase) {
    
    // 构建闭包集合map
    var map = Object.create(null);
    var list