JS 中的原型 -- prototype、__proto__ 以及原型链

【JS 中的原型 -- prototype、proto 以及原型链】的更多相关文章

Js中的对象、构造函数、原型、原型链及继承

1.对象在传统的面向过程的程序设计中,会造成函数或变量的冗余.而JS中对象的目的是将所有的具有相同属性或行为的代码整合到一起,形成一个集合,这样就会方便我们管理,例如: var person1={ name:"tan", age:26, showMessage:function(){ alert("name:"+this.name); }};person.showMessage();//输出name:tan 以上的例子将nam…

JavaScript的原型对象prototype、原型属性proto、原型链和constructor

先画上一个关系图: 1. 什么是prototype.__proto__.constructor? var arr = new Array; 1. __proto__是原型属性,对象特有的属性,是对象指向另外一个对象(就是第二点的原型对象),一般是实例对象的属性,如arr.__proto__ 2. prototype是原型对象,构造函数特有的属性,是构造函数指向的对象,如Array.prototype 其中: arr.__proto__ === Array.prototype; //true 3.…

js中constructor和prototype

在最开始学习js的时候,我们在讲到原型链和构造函数的时候经常会有一个例子如果我们定义函数如下: function Foo() { /* .. */ } Foo.prototype.bar = function(){}; var a1 = new Foo(); a1.constructor === Foo; // true! 但是如果我们中间改变了Foo.prototype的定义,那么a1.constructor的指向就改变了. function Foo() { /* .. */ } Foo.p…

转载-对js中new、prototype的理解

说明:本篇文章是搜集了数家之言,综合的结果,应向数家致谢说到prototype,就不得不先说下new的过程. 我们先看看这样一段代码: <script type="text/javascript"> var Person = function (){ }; var p = new Person();</script> 很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把new的过程拆分成以下三步: <1> var p={}; 也就是说,初…

JS中constructor与prototype关系概论

在学习JS的面向对象过程中,一直对constructor与prototype感到很迷惑,看了一些博客与书籍,觉得自己弄明白了,现在记录如下: 我们都知道,在JS中有一个function的东西.一般人们叫它函数.比如下面的代码js代码: function Person(name) { alert(name); } Person('js');//js 上面的代码中,Person的表现的确跟一般的函数没有什么区别,接着看下面的代码 function Person(name) { this.na…

JS中使用组合构造函数模式和原型模式

创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式.构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性. 结果,每个实例都会有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度地节省了内存. 另外,这种混成模式还支持向构造函数传递参数:可谓是集两种模式之长.下面的代码重写了前面的例子. function Person(name ,age ,job){ this.name = name; this.age = age; this.friends = ["she…