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

最新推荐文章于 2022-08-31 16:13:14 发布

coderMozart

最新推荐文章于 2022-08-31 16:13:14 发布

阅读量567

点赞数

分类专栏： JavaScript 文章标签：源码

本文链接：https://blog.csdn.net/coderMozart/article/details/60961341

版权

JavaScript 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

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

首先看下

JSON.stringify(str, replaceor, place)

源码片段 1

    function _toString(val)
   {
          // 排除 null  undefined
          return val == null
                 ? val + ''  // 稍作改动 源码直接输出 ''空字符串
                 :   typeof val === 'object'
                     ? JSON.stringify(val, null, 2);
                     : String(val)
   }

JSON.stringify(val, null, 2);

美化作用，第三个参数决定序列化后键值对前方的空格数
_toString 下划线的命名区分原生的toString

JSON.stringify({key:'Vue'})
//"{"key":"Vue"}"

JSON.stringify({key:'Vue'}, null, 4)
//  "{
//       "key":"Vue"
//   }"

源码片段2：函数当作值传递

     function map(
              str,
              isToLowercase
     ){
         var list  = str.split(','),
             //创造一个Plainboject 没有原型对象
             map   = Object.create(null),
             i     = 0; 
             for(; i < list.length; i++)
             {
                  map [ list[i] ] = true;
             }
             return  isToLowercase
                     ? function (val) {  return map[ val.toLowercase() ];}
                     : function (val) {  return map[ val ];}
      }      


     //为了判断是否是内置模块
     var isIn  = map('slot,component', true);  

     typeof isIn  // function
     isIn('sea')  // undefined
     isIn('slot') // true

利用了闭包可以访问内部参数 isToLowercase ,
还有就是把函数当作了返回值，可以再次进行相关属性的判断
精妙

领个红包，小赞赏一下吧