简单认识prototype和__proto__,个人小结

    首先说一下构造函数,定义构造函数就是在定义一个模版,其目的就是为了复用。每个构造函数都有一个prototype属性,指向自己的原型对象。每一个构造函数创建出来的对象都会链接到prototype这个属性中,那么原型的作用是什么?1.就是为了重复的代码进行复用,2.就是为了继承。对象原型中有的成员,那么对象也就有了。共有的属性放到原型里,特有的一般放到构造方法里,这样可以达到复用的效果。

    例如:

 function Fn(name){
                this.name = name;
            };
//           每一个对象会去找原型中的方法
 Fn.prototype.sayhello = function(){
                console.log(‘大家好,我是‘+this.name);
            };
 var f = new Person(‘tim‘);
 var f2 = new Person(‘jack‘);
 f.sayhello(); //大家好,我是tim 
 f2.sayhello(); //大家好,我是jack

     引申一个知识点,构造函数创建出来的对象,都有一个__proto__属性,用来访问对象的原型对象。__proto__与prototype有什么区别呢?看下面代码

function Foo(){}
var f = new Foo();
console.log(Foo.prototype===f.__proto__)   //true

    也就是构造方法.prototype===构造方法创建出来的对象.__proto__

时间: 2024-11-05 19:28:57

简单认识prototype和__proto__,个人小结的相关文章

3分钟简单了解 prototype 和 __proto__

关于prototype 1. 所有的函数都会有一个prototype属性,属性值是一个普通对象: 2. 当我们去new一个构造函数的实例时,构造函数的原型对象(prototype)会被赋值给它实例的[[Prototype]]属性上: 3. prototype可被称为"显式原型". 关于__proto__ 1. 首先它未被ECMAScript标准化,但却被被大多数浏览器厂商所支持: 2. 所有对象(null,undefined除外)都具有__proto__属性: 3. 对象的__prot

理清javascript中prototype、__proto__、Object、Function的关系,更好地理解原型继承

本文参考了http://www.blogjava.net/heavensay/archive/2013/10/20/405440.html这篇文章,对其内容作了个简单总结,形成了几条简单的结论,让读者更容易记住prototype.__proto__.Object.Function之间的关系. 结论1:Object.prototype只是一个普通对象,它是js原型链的最顶端. (typeof Object.prototype) === object;//true Object.prototype.

原型链继承中的prototype、__proto__和constructor的关系

前不久写了有关原型链中prototype.__proto__和constructor的关系的理解,这篇文章说说在原型链继承中的prototype.__proto__和constructor的关系. 通过以下最简单的原型链继承(省略了属性和方法)来讨论: 1 function SuperType(){}; 2 function SubType(){}; //继承了SuperType 3 SubType.protoType = new SuperType(); //创建了一个SubType的实例 4

简单介绍 javascript 中 __proto__ 属性的原理

在 javascript 中我们会约定俗成,如果一个方法是被 new 出来使用的,那么该方法名首字母通常会大写,例如下面代码块中的 Person.(我们也可以把 Person 看成 java 或 c# 中的类) var Person = function(name) { this.name = name; } 在 javascript 中一个类被 new 出来的具体过程如下: // 初始化一个对象 p var p = new Person(); // 初始化一个对象 p var p = {};

轻松理解JS中的面向对象,顺便搞懂prototype和__proto__的原理介绍

这篇文章主要讲一下JS中面向对象以及 __proto__,ptototype和construcator,这几个概念都是相关的,所以一起讲了. 在讲这个之前我们先来说说类,了解面向对象的朋友应该都知道,如果我要定义一个通用的类型我可以使用类(class).比如在java中我们可以这样定义一个类: public class Puppy{ int puppyAge; public Puppy(age){ puppyAge = age; } public void say() { System.out.

在 JavaScript 中 prototype 和 __proto__ 有什么区别

本文主要讲三个 问题 prototype 和 proto function 和 object new 到底发生了什么 prototype 和 proto 首先我们说下在 JS 中,常常让我们感到困惑的地方,就是 prototype 和 __proto__ 到底是干嘛的 1. __proto__ 就是 Javascript中 所谓的原型 (这里,我们还是拿具体的例子来说明吧) function A (name) { // 这里是一个构造函数 thia.name = name } var Aobj

prototype和__proto__

一.prototype和__proto__的概念 prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象.它是显示修改对象的原型的属性. __proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性. 用chrome和FF都可以访问到对象的__proto__属性,IE不可以. 二.new 的过程 var Person = function(){}

JS的prototype和__proto__、constructor

看了JS的prototype和__proto__这篇文章,才感觉很清晰了,对于原型这块,以前经常把这些属性弄不清楚, 明白了之后保存下整理下: prototype: 是函数的一个属性(每个函数都有一个prototype属性) __proto__: 是一个对象拥有的内置属性 (prototype是函数的内置属性,__proto__是对象的内置属性) 二.new 的过程 var t= function(){}; var p = new t(); new的过程拆分成以下三步:(1) var p={};

Js中Prototype、__proto__、Constructor、Object、Function关系介绍

Js中Prototype.__proto__.Constructor.Object.Function关系介绍 一    Prototype.__proto__与Object.Function关系介绍        Function.Object:Js自带的函数对象. prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外,没有prototype属性). __proto__:每个对象都有一个名为__proto