脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js中的constructor

深入浅析JavaScript中的constructor

 更新时间：2016年04月19日 15:39:27   作者：yansj1997  
constructor 属性返回对创建此对象的数组函数的引用。本文给大家介绍JavaScript中的constructor ，需要的朋友参考下吧

定义和用法

constructor 属性返回对创建此对象的数组函数的引用。

语法

object.constructor

constructor,构造函数，对这个名字，我们都不陌生，constructor始终指向创建当前对象的构造函数。

这里有一点需要注意的是，每个函数都有一个prototype属性，这个prototype的constructor指向这个函数，这个时候我们修改这个函数的prototype时,就发生了意外。如

function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype.getAge = function(){
return this.age;
}
Person.prototype.getName = function(){
return this.name;
}
var p = new Person("Nicholas",18);
console.log(p.constructor); //Person(name, age)
console.log(p.getAge()); //18
console.log(p.getName()); //Nicholas

但是如果是这样：

function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype = {
getName:function(){
return this.name;
},
getAge:function(){
return this.age;
}
}
var p = new Person("Nicholas",18);
console.log(p.constructor); //Object()
console.log(p.getAge()); //18
console.log(p.getName()); //Nicholas

结果constructor变了。

原因就是prototype本身也是对象，上面的代码等价于

Person.prototype = new Object({
getName:function(){
return this.name;
},
getAge:function(){
return this.age;
}
});

因为constructor始终指向创建当前对象的构造函数，那么就不难理解上面代码p.constructor输出的是Object了。

对于修改了prototype之后的constructor还想让它指向Person怎么办呢？简单，直接给Person.prototype.constructor赋值就可以了：

Person.prototype = {
constructor:Person,
getName:function(){
return this.name;
},
getAge:function(){
return this.age;
}
}

以上所述是小编给大家介绍的JavaScript中的constructor ，希望对大家有所帮助！

您可能感兴趣的文章:

相关文章

  • js防抖-节流函数的基本实现和补充详解

    js防抖-节流函数的基本实现和补充详解

    这篇文章主要介绍了防抖-节流函数的基本实现和补充，文章从基础概念到手写对防抖-节流函数的实现进行讲解，内容详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考下
    2023-01-01
  • JavaScript设计模型Iterator实例解析

    JavaScript设计模型Iterator实例解析

    这篇文章主要介绍了JavaScript设计模型Iterator实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • HTML5实现微信拍摄上传照片功能

    HTML5实现微信拍摄上传照片功能

    这篇文章主要介绍了HTML5实现微信拍摄上传照片功能，实现HTML5 Canvas手机拍摄，本地压缩上传图片时遇到问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JS对象的深度克隆方法示例

    JS对象的深度克隆方法示例

    这篇文章主要介绍了JS对象的深度克隆方法,结合实例形式分析了JavaScript深度克隆的实现技巧,需要的朋友可以参考下
    2017-03-03
  • 微信小程序顶部导航栏可滑动并选中放大

    微信小程序顶部导航栏可滑动并选中放大

    这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JS typeof fn === ''function'' && fn()详解

    JS typeof fn === ''function'' && fn()详解

    最近在学习js的时候发现很多人都喜欢在JS 中存在fn && fn() 执行语句或者typeof fn === 'function' && fn()，下面这篇文章就为大家分享一下
    2020-08-08
  • 微信小程序录音实现功能并上传(使用node解析接收)

    微信小程序录音实现功能并上传(使用node解析接收)

    在我们的日常开发中经常会遇到录音功能，并上传到服务器，今天小编给大家分享微信小程序录音功能实现并上传录音文件，使用node解析接收,需要的朋友可以参考下
    2020-02-02
  • 帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）

    帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）

    这篇文章主要介绍了详解帮你彻底搞懂JS中的prototype、__proto__与constructor（图解），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • 两个比较有用的Javascript工具函数代码

    两个比较有用的Javascript工具函数代码

    下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄
    2010-02-02
  • JS关于 replace 取值、替换第几个匹配项问题小结

    JS关于 replace 取值、替换第几个匹配项问题小结

    这篇文章主要介绍了JS关于replace取值、替换第几个匹配项,本文针对字符串的替换、截取知识点做详细介绍，结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
    2023-05-05

最新评论