有问题请教老师

问题描述：

老师你好，关于阅读文章中点击收藏按钮的逻辑，有三个疑问。下面贴出了代码。 这一段代码是在onLoad事件中的代码，每次跳转到阅读页面时都会执行。先获取缓存中的一个对象，接着判断，是否有这个对象，有的话进入if判断，没有的话进入else判断。如果进入了else判断说明是第一次进入页面，还没有缓存过对象，因此声明一个空对象，并将该对象中的以当前页面的索引下标为属性名的属性值赋值为false。这里有第一个疑问：就是写在标签上的wx:if="{{collected}}" 是会自动隐式类型转换吗？因为进入了else判断是没有使用this.setData({}) 发送数据的，那么绑定数据的collected是undefiend还是null还是空字符串？但是不管是哪个，隐式类型转换都为false，因此显示的是灰色的图标。

第二个问题，如果已经缓存过对象了，进入if判断，再判断如果以当前页面索引下标的的属性值是有的，那么直接使用 this.setData({}) 发送数据，以此保持当前图标的状态。七月老师一开始的判断条件是 if(oneOfCollected) {}  那这里有了第二个疑问：这时的oneOfCollected，是布尔类型的值，进入if判断隐式类型转换，只有为true时才会进入这个判断，并且发送数据、绑定数据，可是这里的逻辑难道不是要以缓存在对象中的属性的值为准保持图标的状态吗？ 因此我就改为了使用typeof 判断，只要是boolean类型就进入这个判断。发现是可以实现的，但是一开始的判断条件也是可以的，所以有了第二个疑问。还是说我哪里理解得不对呢？请老师帮忙看一下。

相关截图：

第三个问题：这张图片是我打印了一下，不存在于storgae缓存中的属性的值，一片空白，我也不知道是什么类型，undefined、null、、空字符串、还是什么值呢？ ​

相关代码：

<!-- 原则：先静后动，先样式再数据 -->



<view class="container">


   <image src="{{imgSrc}}" class="article-img"></image>


   <view class="author-content">

      <image class="author-img" src="{{avatar}}"></image>


      <text class="author-name">{{author}}</text>


      <text class="author-fabiaoyu">发表于</text>


      <text class="author-time">{{dateTime}}</text>


   </view>


   <text class="article-title">
      {{title}}

   </text>



   <view class="tool">

      <view class="circle-img">

         <image src="/images/icon/collection.png" bind:tap="onCollectionTap" wx:if="{{collected}}">

         </image>


         <image src="/images/icon/collection-anti.png" bind:tap="onCollectionTap" wx:if="{{!collected}}">

         </image>


         <image src="/images/icon/share.png">

         </image>

      </view>



   </view>



   <text class="article-content">

      {{detail}}

   </text>

</view>

相关代码：

var detailsStroage = wx.getStorageSync('collectedObj');

      if(detailsStroage) {

         var oneOfCollected = detailsStroage[idNum];

         if(typeof oneOfCollected === 'boolean') {

            this.setData({

               collected: oneOfCollected

            });

         };


      }else {

         var obj = {};

         obj[idNum] = false;

         wx.setStorageSync('collectedObj', obj);

      };