Vue.js v2.1.10 源码探索 v1.0.1

Remember to keep it Simple, Stupid.Do one thing and do it best.

toNum（）,目的是转化值为数字

源码片段1

function toNum(val) {
      var num = parseFloat(val);
      return isNaN(val)? val : num;
  }

parseFloat( ) parseInt( ) Number( ) 为什么选择parseFloat( )

parseFloat('111.111');     // 111.111
parseInt('111.111') ;       // 111 只截取整数部分
Number('111.111') ;       // 111.111

Number('1a');      // NaN
parseFloat('1a')   // 1  只截取有效数字 

parseInt(‘ab’) // NaN
parseInt(‘ab’, 16) // 171
//parseInt(num, radix) 可以指定基数，最好在使用的时候明显指定
parseInt(‘11’, 10) // 11 指出是在十进制下的转换

源码片段2

  var class2type = {};
  var toStirng   = class2Type.toString;

  'Boolean Number Symbol String Object Function Array Date RegExp Error'
  .split(' ').forEach(function ( name ){
            class2type[ '[object' + name +']' ] = name.toLowercase()
       })
  function type(val) {
                if(val == null) {
                       //  undefined  null 属于特殊类型
                        return val + '';
                     }
                if( val !== val ) {
                       //  NaN 也特殊对待
                          return val + ''
                       }     
               return  typeof  val === 'object'?
                       class2type[  toString.call(val) ] : typeof val;        
         }
  var removeAitem  = [];
  var indexOf      = removeAitem.indexOf;
  function remove$1(arr, item) {
       if(type(arr) === 'array') {  //稍作修改
             var pos = arr.indexOf(item);
             if(pos > -1) {
                       return arr.splice(pos, 1);
              }
       }

小结：
arr.forEach(function (item, index));

arr.indeOf(item); arr中有item 返回 -1 有item 返回在数组中的位置 postion

源码片段3 检测是否是私有属性

    var hasOwnProp = Object.prototype.hasOwnProperty;

         function hasOwn(obj, prop) {
                   return hasOwnProp.call(obj, prop);
         }

小结： 缓存原型链上的hasOwnProperty, 方便以后的调用， 查找速率快