【惰性函数之复制文本】

简介

这篇博客主要讲述的是罗罗亚·佐罗如何利用惰性函数来实现文本复制粘贴的功能…

正文

使用惰性函数之前

        function copyText(text) {
            if (navigator.clipboard) {
                navigator.clipboard.writeText(text)
            } else {
                let inp = document.createElement('input');
                inp.setAttribute('value', text);
                document.body.appendChild(inp)
                inp.select();
                document.execCommand('copy');
                document.body.removeChild(inp)
            }
        }

• 这里在调用函数之后我们会进行一个判断即当前浏览器是否支持最新的API, 那么这里就会产生一个问题: 每次都要进行一次判断, 实际上第一次就知道浏览器兼不兼容

使用惰性函数之后

        function copyText(text) {
            if (navigator.clipboard) {
                copyText = (text) => {
                    navigator.clipboard.writeText(text)
                }
                copyText(text)
            } else {
                copyText = (text) => {
                    let inp = document.createElement('input');
                    inp.setAttribute('value', text);
                    document.body.appendChild(inp)
                    inp.select();
                    document.execCommand('copy');
                    document.body.removeChild(inp)
                }
            }
        }

• 这里第一次执行函数之后就会改变函数本身后续调用就只走确定之后的逻辑

结论

这里只是惰性函数的一种实现方式, 例如:

• 创建一个函数作用是来返回一个复制功能函数, 后续调用返回的函数就OK

关于作者

作者很帅!!!

---

感谢阅读！如果你有任何问题或建议，请在下方留言。