javascript的【原型】【prototype】理解-【浅显易懂】【彻底搞明白】

需要工具：Chrome

语言：javascript

目的：彻底搞明白

全文原则：【原型是在类型上定义的，对象上不能定义，只能用】【原型属性中的方法或属性会被对象中的同名方法属性隐藏，其实内存中还是存在的】【搞清楚this，表示当前对象】

        function Aclass()
        {
            this.Property1 = 1;
            this.Method1 = function()
            {
                alert(1);
            }
        }  
        var obj = new Aclass();
        obj.Property2 = 2;
        obj.Method2 = function()
        {
            alert(2);
        }

上面的两个Property1和Property2、Method1和Method2在内存什么位置呢？下面截图

我们发现，都是在obj对象上的。。。

那么下面的代码呢？

        function Aclass(){}
		
	Aclass.prototype.Property1 = 1;
	Aclass.prototype.Method1 = function()
	{
		alert(1);
	}
		
        var obj = new Aclass();
        obj.Property2 = 2;
        obj.Method2 = function()
        {
            alert(2);
        }

看到什么了？我们定义的属性和方法跑到一个【__proto__】属性里面了。这个就是区别。

再看看下面的代码

        function Aclass(){}
		
	Aclass.prototype.Property1 = 1;
	Aclass.prototype.Method1 = function()
	{
		alert(1);
	}
		
        var obj = new Aclass();
        obj.Property1 = 2;
        obj.Method1 = function()
        {
            alert(2);
        }

截图如下：

What！！！！竟然还能定义一样的？？！！可是似乎并没有调用原型中的那个，用的是对象中定义的那个。原型中的被隐藏了！！！其实内存中还是有的。