原型和构造函数(2)

访问原型的方法

1，通过构造函数访问原型

 function Person(){}var p =new Person();Person.prototype.msg ='在不在'

2，通过实例化对象访问原型

 function Person(){}var p =new Person();p.__proto__.sayHello = function(){console.log('你好')//你好
   }p.sayHello()

__proto__属性是一个非标准的属性，为了保证通用性，这个属性不推荐使用。

__proto__属性的用途，主要用来做调试

原型图原型和构造函数，实例化对象三者的关系

可以看到，每一个构造函数都会有一个prototype属性，这个属性指向一个原型对象，这个构造函数通过new生成一个新的实例对象，这个实例拥有一个__proto__属性，而这个对象这个指向原型对象。

其中需要注意的是替换原型的时候，需要手动添加constructor

function Person(){}Person.prototype = {name : '刘钢蛋'};console.log(Person.prototype.constructor);//ƒ Object() { [native code] }

如果不加constructor属性会导致constructor指向的是Object

function Person(){}Person.prototype = {name : '刘钢蛋',constructor: Person};console.log(Person.prototype.constructor);//ƒ Person(){}

转载于:https://www.cnblogs.com/lrgupup/p/9321988.html

原型和构造函数(2)相关推荐

原型和构造函数(1)
构造函数的形式 1,使用new关键字创建对象 2,使用构造函数,把新创建出来的对象,赋值给构造函数内的this 3,在构造函数内使用this为新创建出来的对象新增成员 4,默认返回新创建的这个对象 f ...
javascript 面向对象 new 关键字原型链构造函数
JavaScript面向对象 JavaScript 语言使用构造函数(constructor)作为对象的模板.所谓"构造函数",就是专门用来生成实例对象的函数.它就是对象的模板,描 ...
《权威指南》笔记 - 9.1-9.2 类和原型、构造函数
实现类的方法很多种,可以通过从原型来继承,实现类.也可以通过调用构造函数,来实现类.构造函数的prototype属性被用作新对象的原型. **:定义构造函数的时候,首字母要大写. ** : 构造函数使 ...
34 JavaScript中的构造函数和原型
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.概述在典型的OOP语言中(如Java),都存在类的概念.类就是对象的模板,对象就是类 ...
关于对象、构造函数、原型、原型链、继承
对象: 在传统的面向过程的程序设计中,会造成函数或变量的冗余.而js中对象的目的是将所有的具有相同属性或行为的代码整合到一起,形成一个集合,这样就会方便管理,例如: var person1={name ...
js面向对象小结（工厂模式，构造函数，原型方法，继承）
本文转至:TJYoung 最近过了一遍尼古拉斯泽卡斯的高级程序设计第三版(红皮书)第六章:面向对象程序设计,现在把总结出来的东西和大家分享一下. 主要内容如下: 1.工厂模式 2.构造函数模式 3.原 ...
浅谈javascript中原型（prototype）、构造函数、对象实例及三者之间的关系
转自:http://www.cnblogs.com/zhangwei412827/archive/2012/12/14/2816263.html 浅谈javascript中原型(prototype). ...
js面向对象-组合使用构造函数模式和原型模式（使用最广泛、认同度最高）
组合使用构造函数模式和原型模式构造函数模式用于定义实例属性原型模式用于定义方法和共享的属性优点:每个实例都有自己的实例属性的副本,但同时共享对方法的引用,最大限度的节省内存 function P ...
构造函数、原型、继承原来这么简单？来吧，深入浅出
构造函数小编上篇博客中介绍到的通过关键字class方式定义类,然后根据类再创建对象的方式,是ES6中语法,现在很多浏览器对ES6的支持还不是很好,所以也要学习通过构造函数(构建函数)的方式创建对象 ...

原型和构造函数(2)

原型和构造函数(2)相关推荐

最新文章

热门文章