构造函数、原型对象、实例对象三者关系

2019-09-11 admin

构造函数

和普通函数是一样的,只是调用方式是不一样, eg:

function Person(name,age){
    this.name=name;
    this.age=age;
    this.say=function(){
        return  ("i am forever").join(this.age);  
    }
}

var person = new Person ("andy",18);//需要使用new关键字来调用 new Person(); Person ("andy",18);//普通函数的调用方式:直接调用 person()

构造函数的prototype属性

每个函数(对象)都会有prototype属性,该属相指向的便是原型对象; Person.prototype.construct===Person //true prototype等价于__proto__。 __proto__是社区提出来的,所以有些浏览器是不具有该属性的

原型对象

construct属性

对象的constructor属性用于返回创建该对象的函数,也就是我们常说的构造函数。 所以原型对象的construct属性指向的是构造函数。

三者关系

protytype.png

[转载]原文链接:https://segmentfault.com/a/1190000020356523

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-74857.html

文章标题:构造函数、原型对象、实例对象三者关系

相关文章
JavaScript初学者必看“箭头函数”
本文我们介绍箭头 (arrow) 函数的优点。 更简洁的语法 我们先来按常规语法定义函数: function funcName(params) { return params + 2; } funcName(2); /&#...
2017-05-26
freemarker判断对象是否为空的方法
FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP。它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等。 freemarker中显示某对象使用${name}. 但如果nam...
2017-03-27
js使用split函数按照多个字符对字符串进行分割的方法
本文实例讲述了js使用split函数按照多个字符对字符串进行分割的方法。分享给大家供大家参考。具体分析如下: js中的split()函数可以对字符串按照指定的符号进行分割,但是如果字符串中存在多个分割符号,js的split()函数是否还可以...
2017-03-21
常用的Javascript函数
软件界面采用WEB界面,因此要用到Javascript.一些通用JS函数整理了下:) /*判断浏览器版本*/ var w3c = (document.getElementById) ? true : false; var...
2015-11-11
前端工程师应该具备的三种思维
如果你是一个天才等级的工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你。但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需要协调和配合,需要考虑除了代码以外...
2016-01-13
JavaScript包装对象
一切皆对象,即便是三种原始类型的值——数值、字符串、布尔值,在一定条件下,也会自动转为对象,也就是原始类型的“包装对象”。 看如下代码: var s='www.javascriptcn.com';//...
2015-11-11
ionic2 tabs 图标自定义实例
一、准备资源 tabs icon 的svg格式的矢量图片 二、生成字体样式文件 打开icoMoon网站去制作字体文件。 三、使用字体文件 解压下载的文件,将其中的fonts文件夹拷贝到ionic2项目的src/assest目录下。并...
2017-03-13
javascript错误对象
根据错误的类型,你可以使用name和message属性获取精确信息。 name提供了错误的类(例如,domexception或Error),而message提供了一个更为简洁的信息,它把错误对象转换为字符串。 如果你是自定义抛出异常,那么,...
2015-11-12
JS实现的通用表单验证插件完整实例
本文实例讲述了JS实现的通用表单验证插件。分享给大家供大家参考。具体如下: 这里演示一个通用的JS表单验证插件代码。使用方法:第一步:需设定表单项数据类型,第二步:实例表单验证,验证错误提示说明(程序有自带相关错误提示,可自定义每项验证错误...
2017-03-29
JavaScript中字符串分割函数split用法实例
本文实例讲述了JavaScript中字符串分割函数split用法。分享给大家供大家参考。具体如下: 先来看下面这段代码: <script type="text/javascript"> var st...
2017-03-22
回到顶部