前端动态拼接生成邮箱地址防爬虫与垃圾邮件的可靠性问询

嘿，想请教各位大佬：我想到了一个用前端动态拼接生成邮箱地址的方式，用来防止爬虫抓取邮箱、避免垃圾邮件，不想用图片展示邮箱或者拆分文本这种有点生硬别扭的方法，大伙看看这法子靠谱不？

具体实现代码是这样的：

<p id="at" data-domain="email.com" data-user="test"/>

<script>
var element = document.getElementById('at');
    element.innerHTML = '<a href="mailto:' + element.dataset.user + '@' + element.dataset.domain + '">' + element.dataset.user + '@' + element.dataset.domain + '</a>';
</script>

核心思路就是把邮箱的用户名和域名分开存在元素的自定义属性里，等页面加载完成后，再通过JS把它们拼接成完整的邮箱地址和可点击的邮件链接。

备注：内容来源于stack exchange，提问作者LeaG