您是否曾经需要在应用程序 JavaScript 中访问当前用户的姓名或电子邮件地址？有很多不同的方法可以做到这一点，但让我们来看看两种最简单的方法。

#受限访问
将这些数据放在网站上的任何地方并不总是最好的主意。您可能只在处理特定元素或视图时才需要它，这时data-属性就派上用场了。

给定以下 HTML，我需要在单击按钮时显示当前用户的名称，否则，只显示通用的“Hello”消息。默认情况下，它将显示通用消息。

<button type="button" id="show">Show Email Address</button>
<p id="message">Hello</p>

让我们data-name给元素添加一个属性<p>。
 

<button type="button" id="show">Show Email Address</button>
<p id="message" data-name="{{ $user->name }}">Hello</p>

现在，如果我们想在 JavaScript 内部访问它，我们可以：

document.getElementById('show').addEventListener('click', el => {
    const el = document.getElementB