怎么理解js的原型对象

1. 所有对象都有原型对象。

2.  原型对象,就是其它语言中的类中的静态属性和静态方法,总是是静态-static就对了.原理是: 内存中只有一份.

内存中的图解:

先写个构造器:

function Person(name, age)
{
    this.name = name;
    this.age = age;
}

var A = new Person(‘A‘, 18);
var B = new Person(‘B‘, 28);
var C = new Person(‘C‘, 38);

function Person(name, age)
{
    this.name = name;
    this.age = age;
    this.location = ‘地球‘;
}

var A = new Person(‘A‘, 18);
var B = new Person(‘B‘, 28);
var C = new Person(‘C‘, 38);

三个对象都有一个"地球"的内存空间.  这里你要动动大脑了, 三个人都有地球的内存,我们是不是可以这样呢?

原型对象,最重要的作用就是把常量和方法独立到自身里.   供给其它 "自己的对象" 使用. 最后如图:

4. 从代码上实现。

function Person(name, age)
{
    this.name = name;
    this.age = age;
}

var A = new Person(‘A‘, 18);
var B = new Person(‘B‘, 28);
var C = new Person(‘C‘, 38);

Person.prototype.location = ‘地球‘;
Person.prototype.killPerson = function()
{
    console.log(‘kill!!!‘);
}

A.location  // 地球
A.killPerson()  // kill man
B.location  // 地球

不过前提是,你的对象属性里面,没有定义location和killPerson.不然会把原对象的覆盖掉

在A.location的时候,首先,我们检查A对象本身,从图中我们知道,A有 name, age 和prototype指针属性.  并没有location,找不到以后,它会继续搜索原对象里面,看能否找到location属性,如果有,就会调用原对象的属性.

时间: 2024-10-10 05:30:53

怎么理解js的原型对象的相关文章

js深入理解构造函数和原型对象

1.在典型的oop的语言中,如java,都存在类的概念,类就是对象的模板,对象就是类的实例.但在js中不存在类的概念,js不是基于类,而是通过构造函数(constructor)和原型链(propotype chains)实现的.但在ES6中引入了类(class)这个概念,作为对象的模板,新的class写法知识让原型对象的写法更加清晰,这里不重点谈这个 2.首先我们来详细了解下什么是构造器 构造函数的特点: a:构造函数的首字母必须大写,用来区分于普通函数 b:内部使用的this对象,来指向即将要

JS面向对象-原型对象,实例对象,构造函数的关系

JS中每创建一个函数,该函数就会自动拥有一个prototype属性,为什么那??  因为最根上的object拥有一个prototype属性,而js中所有的对象又都继承自object,所以js中所有的对象都拥有一个prototype属性,而在js中函数也是对象,所以js中每个函数也都有一个prototype属性. 例如:function Person(){...} 和function Dog(){...} 而每一个prototype属性又会获得一个constructor属性 该constructo

深入理解js——prototype原型

之前(深入理解js--一切皆是对象)中说道,函数也是一种对象.它也是属性的集合,你也可以对函数进行自定义属性.而JavaScript默认的给了函数一个属性--prototype(原型).每个函数都有一个属性叫做prototype(原型). 这个prototype的属性值是一个对象(属性的集合,再次强调!),默认的只有一个叫做constructor的属性,指向这个函数本身. prototype(原型)既然作为对象即属性的集合,不可能就只弄个constructor来玩玩,肯定可以自定义的增加许多属性

JS 简单原型对象

<!-- ————————JS简单原型 ———————— --> function Person(){}; Person.prototype={ //constructor:Person,//必须加上 表示原型对象的构造函数 name:"Z3", age:"20", job:"人才", say:function(){ alert("简单原型"); } }; //ECMN5 给原型对象重新设置构造函数definePr

怎么理解js的原型链继承?

前言 了解java等面向对象语言的童鞋应该知道.面向对象的三大特性就是:封装,继承,多态. 今天,我们就来聊一聊继承.但是,注意,我们现在说的是js的继承. 在js的es6语法出来之前,我们想实现js的继承关系,需要借助于原型链.之前的文章,我有讲过原型和原型链的概念.在这,再重新回顾一下. js中万物皆对象,每个对象都有一个隐式原型 __proto__ ,指向创建它的构造函数的原型对象. 函数(构造函数)除了有一个隐式原型对象,还有一个属性prototype,它指向一个对象,这个对象就是原型对

js重写原型对象

首先看两段很相似的代码: 1. function Person(){} Person.prototype = { constructor:Person, name:"Nic", age:"29", sayName:function(){ alert(this.name) } }; var friend1 = new Person(); //实例在这里 friend1.sayName(); 2. function Person(){} var friend2 = ne

js(三) 原型对象与原型链

原型对象 每个javascript对象都有一个原型对象 原型链 由于原型对象本身也是对象,根据上边的定义,它也有自己的原型,而它自己的原型对象又可以有自己的原型,这样就组成了一条链,这个就是原型链,JavaScritp引擎在访问对象的属性时,如果在对象本身中没有找到,则会去原型链中查找,如果找到,直接返回值,如果整个链都遍历且没有找到属性,则返回undefined.原型链一般实现为一个链表,这样就可以按照一定的顺序来查找. 一.指定对象字面量的原型 示例1 思想方法:把一些对象共享的方法.属性,

JS之原型对象

1.__proto__ 每个对象都有一个__proto__属性,指向该对象的原型对象 <script> var person = function(name,city){ this.name = name; this.city =city; } person.prototype.showName = function(){ return this.name; } var p = new person('pmx','shanghai'); console.log(p.__proto__ == p

轻松理解JS基本包装对象

今天来讨论一下JS中的基本包装对象(也叫基本包装类型),之前刚学到这里的时候,自己也是一头雾水,不明白这个基本包装对象到底是个什么鬼,后来找了很多资料,终于看清了它的真面目.首先呢,我们现在复习一下JS的数据类型,JS数据类型被分为了两大门派,基本类型和引用类型. 基本类型:Undefined,Null,Boolean,Number,String 引用类型:Object,Array,Date,RegExp等,说白了就是对象... 我们都知道,引用类型有方法和属性,但是基本类型是木有的,但是你一定