javascript的【原型】【prototype】理解-【浅显易懂】【彻底搞明白】
2016-08-29 15:26
423 查看
需要工具:Chrome
语言:javascript
目的:彻底搞明白
全文原则:【原型是在类型上定义的,对象上不能定义,只能用】【原型属性中的方法或属性会被对象中的同名方法属性隐藏,其实内存中还是存在的】【搞清楚this,表示当前对象】
上面的两个Property1和Property2、Method1和Method2在内存什么位置呢?下面截图
我们发现,都是在obj对象上的。。。
那么下面的代码呢?
看到什么了?我们定义的属性和方法跑到一个【__proto__】属性里面了。这个就是区别。
再看看下面的代码
What!!!!竟然还能定义一样的??!!可是似乎并没有调用原型中的那个,用的是对象中定义的那个。原型中的被隐藏了!!!其实内存中还是有的。
语言: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原型prototype
- 彻底理解Javascript原型继承
- 深入理解javascript原型和闭包系列 深入理解javascript原型和闭包(3)——prototype原型
- JavaScript中原型对象的彻底理解
- 深入理解JavaScript prototype原型
- 理解JavaScript原型prototype
- 彻底理解JavaScript原型
- 深入理解javascript原型和闭包(3)——prototype原型
- javascript中的this与prototype,原型理解
- javascript原型(prototype)理解
- 深入理解javascript原型和闭包(3)--prototype原型
- 彻底理解JavaScript原型
- javascript原型prototype的一个你不一定知道的理解
- javascript-js 的prototype原型理解讲解
- 彻底理解javascript中的原型链
- 理清javascript中prototype、__proto__、Object、Function的关系,更好地理解原型继承
- 彻底理解JavaScript原型
- 彻底理解JavaScript原型
- 学习 JavaScript 最难点之一 -- 理解prototype(原型)
- 理解JavaScript中的原型prototype