js显示原型和隐示原型

<script>
        //定义一个构造函数
        function Fn() {
            //内部自动执行一条语句，增加prototype属性并赋值一个空对象
            //this.prototype = {}  这就是显示原型
        }
        console.log(Fn.prototype); //查看显示原型

        //新建一个实例化对象，在新建对象的时候会默认创建隐示原型属性__proto__
        //创建语句就是 this.__proto__ = Fn.prototype，就是把prototype属性赋值给__proto__，所以他们俩是相等的
        var fn = new Fn();
        console.log(fn.__proto__); //查看隐示原型

        //显示原型和隐示原型的比较
        console.log(Fn.prototype === fn.__proto__); //true

        //显示原型一般用于动态的给构造函数增加方法。因为和隐示原型是相等的，所以对象实例也可以查找到增加的方法并直接使用？
        Fn.prototype.test = function(){
            console.log('test()');
        }
        //通过隐示原型调用到显示原型增加的方法？
        fn.test();

    </script>

图解：