如何隐藏js

前端好像一直会遇到js容易被查看的问题，针对这种情况，如何隐藏js呢？

突发奇想，想到一个办法，如果说一段js只需要执行一次的话可以尝试在所有js加载操作完毕后把它去掉。看代码

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
</head>
<script type="text/javascript">
console.log("user log");
</script>
<body>
    <script type="text/javascript">
        $(function(){
            //页面加载完毕后开始执行的事件
            $("script").html("");
        });
    </script>
</body>
</html>