直接设置localStorage而不使用方法之间有什么区别？

Question

MDN在localStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage上的文章仅显示了使用其方法（即setItem，getItem，removeItem和clear）设置localStorage的方法。但是，直接使用localStorage也可以。我只是不确定我是否理解直接修改而不是使用方法之间会有什么区别？无需弄清楚使用clear方法与手动删除所有项目之间的区别，因为在这种情况下，显然使用该方法会更容易。

我尝试设置并使用和不使用方法来获取它，并且我没有发现最新的Mozilla Firefox中的任何区别。我还研究了使用它们时会出现什么不同的异常，但是我看不到使用这些方法可以避免的任何异常。

//MDN's examples:
localStorage.setItem('myCat', 'Tom');
var cat = localStorage.getItem('myCat');
localStorage.removeItem('myCat');

// Clear all items
localStorage.clear();

//Direct modification alternative
localStorage.myCat = 'Tom';
var cat = localStorage.myCat;
delete localStorage.myCat;

/*I could probably clear them all manually using a loop and delete,
but that would be pretty silly.*/