从__proto__理解prototype
来源:互联网 发布:java sleep使用 多线程 编辑:程序博客网 时间:2024/05/03 02:23
“every object has a prototype” 原以为很简单的一句,曾经缺没有真正理解,这里再整理一下。
function Cat(){
this.name="cat";
}
Cat.prototype.say=function(){
console.log("i am a "+this.name);
}
var c=new Cat();
c.say() // "i am a cat"
“every object has a prototype” 有个误解就是每个对象都有prototype属性,但是console.log打印出来的是undefined,正确的理解应该为:每个对象都有原型(prototype),而不是原型属性。
prototype是ES语言中的特性,以prototype chain自底向上查找,而恰巧每个函数有个prototype属性,并且通过构造函数new出来每个对象的原型(prototype)指向的就是其构造函数的名称为"prototype"的属性指定的对象,这里需要注意,引擎查找对象的原型(prototype)不是通过对象的prototype属性进行查找的,在firefox和chrome中,是通过对象的__proto__进行查找(proto前后连接两个下划线),ES5标准中__proto__不是一个标准属性,但是firefox和chrome将这个属性露了出来,在ES6草案中__proto__已经作为一个标准属性即__proto__来指向对象的原型。
假如对象是上面new出来的c,可以理解为:
1.c.__proto__===Cat.prototype // __proto__是用来查找原型对象的属性
2.Cat.prototype //构造函数的一个属性,所有new出来的对象其原型都会指向构造函数的这个属性
3.c.prototype //不存在,如果理解为“c.prototype指向对象的原型”,错了,是__proto__指向对象的原型。
4.Cat.__proto__===Function.prototype //所有的函数原型都指向了Function的prototype属性
为什么Cat有prototype属性?
先理解new+构造函数创建对象时(var c=new Cat())做了什么:
1.创建一个空对象 //var c={}
2.将this设置为刚创建的对象 //Cat.call(c)
3.将新对象的原型指向构造函数的原型属性(Cat.prototype) //cat.__proto__===Cat.prototype
最后一点说明构造函数的prototype是定义函数后是就有的,默认为一个空对象:{},并且这就是个普通的对象,可以增加属性和方法,唯一特殊的就是new 出来的新对象的原型会指向构造函数的prototype属性,这个属性名称是约定好的。
总结:
1.所有对象都有__proto__属性,这个属性指向对象的原型对象
2.只有函数有prototype属性,并且约定所有new出来的对象其__proto__指向其构造函数的prototype属性指定的对象
3.看文档是要注意prototype和property prototype的区别,一个是指原型,一个是指名称为"prototype"的属性。
function Cat(){
this.name="cat";
}
Cat.prototype.say=function(){
console.log("i am a "+this.name);
}
var c=new Cat();
c.say() // "i am a cat"
“every object has a prototype” 有个误解就是每个对象都有prototype属性,但是console.log打印出来的是undefined,正确的理解应该为:每个对象都有原型(prototype),而不是原型属性。
prototype是ES语言中的特性,以prototype chain自底向上查找,而恰巧每个函数有个prototype属性,并且通过构造函数new出来每个对象的原型(prototype)指向的就是其构造函数的名称为"prototype"的属性指定的对象,这里需要注意,引擎查找对象的原型(prototype)不是通过对象的prototype属性进行查找的,在firefox和chrome中,是通过对象的__proto__进行查找(proto前后连接两个下划线),ES5标准中__proto__不是一个标准属性,但是firefox和chrome将这个属性露了出来,在ES6草案中__proto__已经作为一个标准属性即__proto__来指向对象的原型。
假如对象是上面new出来的c,可以理解为:
1.c.__proto__===Cat.prototype // __proto__是用来查找原型对象的属性
2.Cat.prototype //构造函数的一个属性,所有new出来的对象其原型都会指向构造函数的这个属性
3.c.prototype //不存在,如果理解为“c.prototype指向对象的原型”,错了,是__proto__指向对象的原型。
4.Cat.__proto__===Function.prototype //所有的函数原型都指向了Function的prototype属性
为什么Cat有prototype属性?
先理解new+构造函数创建对象时(var c=new Cat())做了什么:
1.创建一个空对象 //var c={}
2.将this设置为刚创建的对象 //Cat.call(c)
3.将新对象的原型指向构造函数的原型属性(Cat.prototype) //cat.__proto__===Cat.prototype
最后一点说明构造函数的prototype是定义函数后是就有的,默认为一个空对象:{},并且这就是个普通的对象,可以增加属性和方法,唯一特殊的就是new 出来的新对象的原型会指向构造函数的prototype属性,这个属性名称是约定好的。
总结:
1.所有对象都有__proto__属性,这个属性指向对象的原型对象
2.只有函数有prototype属性,并且约定所有new出来的对象其__proto__指向其构造函数的prototype属性指定的对象
3.看文档是要注意prototype和property prototype的区别,一个是指原型,一个是指名称为"prototype"的属性。
0 0
- 从__proto__理解prototype
- 从 __proto__ prototype 说起
- 从 __proto__ prototype 说起
- __proto__与prototype的理解
- 从__proto__和prototype来深入理解JS对象和原型链
- 从__proto__和prototype来深入理解JS对象和原型链
- 关于__proto__和prototype的理解
- 深入理解JavaScript:prototype和__proto__属性
- 深入理解js原型__proto__与prototype
- 关于__proto__和prototype的一些理解
- 关于__proto__和prototype的一些理解
- Javascript 理解 __proto__ 和 prototype以及instance
- Javascript中的prototype和__proto__的理解
- 理解js中的原型链,prototype与__proto__的关系
- 理解js中的原型链,prototype与__proto__的关系
- 理解js中的原型链,prototype与__proto__的关系
- JavaScript中__proto__与prototype的关系深入理解
- Javascript 中的 __proto__ 和 prototype 的一些理解
- 浏览器工作原理
- 湖北民院CSDN俱乐部开启新的征程了
- PS 滤镜——扩散特效, 毛玻璃 效果
- 练习题目13.输出9*9乘法表。
- swoole入门教程01-环境搭建及扩展安装
- 从__proto__理解prototype
- 练习题目14.输入某年某月某日,判断这一天是这一年的第几天?
- switch case 语句的初步运用。。
- 算法之求最大子数组
- FZU 2086 餐厅点餐
- 排队(约瑟夫问题)用循环链表解决
- Distinct Subsequences 解题报告
- poj-3614
- python 列表类(list)自带函数