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

原创 2016年08月29日 15:26:44

需要工具: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!!!!竟然还能定义一样的??!!可是似乎并没有调用原型中的那个,用的是对象中定义的那个。原型中的被隐藏了!!!其实内存中还是有的。

版权声明:本文为博主原创文章,转载请注明出处

相关文章推荐

史上最全的javascript知识点总结,浅显易懂。

一,认识javascript 1-1 为什么学习JavaScript 一)、你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript。 2. 目...

学习Javascript闭包(Closure) 个人觉得非常浅显易懂

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascript初学者应该是很有用的。 一、变量的作...

【数据库】浅显易懂地理解左、右连接

之前一直对数据库里面的外连接有些疑惑,理解的不是很透彻,今天总算自己建了个表,详细地对照了几种写法,总算彻底搞清楚了。 基本概念 左连接、右连接就是数据库里面的关键字  left join 和 rig...

转一篇浅显易懂的多线程同步理解

多线程的同步依靠的是对象锁机制,synchronized关键字的背后就是利用了封锁来实现对共享资源的互斥访问。 下面以一个简单的实例来进行对比分析。实例要完成的工作非常简单,就是创建10个线程,每个...

PCA--浅显易懂

  • 2013年07月13日 22:24
  • 247KB
  • 下载

PCA 浅显易懂的数学原理

from http://blog.csdn.net/coder_oyang/article/details/48490655 摘自coder_oyang 2014-12-8实验室 组会 ...
  • distsau
  • distsau
  • 2015年11月19日 16:39
  • 213

浅显易懂的回调函数程序

  • 2012年07月18日 20:38
  • 1.79MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript的【原型】【prototype】理解-【浅显易懂】【彻底搞明白】
举报原因:
原因补充:

(最多只允许输入30个字)