首页 > 代码库 > js深入学习-js prototype constructor属性区别
js深入学习-js prototype constructor属性区别
在很多js 插件中出现这两个属性的频率很高，我自己写插件时，也用到过，知道用，不知道具体的区别，今天研究了下，
constructor 返回的是对象（类型的实例）的构造函数，通过prototype 添加的属性和方法不会返回。
prototype 返回的是类型的原型，不会饭后构造函数部分。
实例如下：
<html>
<head>
<script type="text/javascript">
var cat=function (name,sex){
this.name=name;
this.sex=sex;
this.print=function(){
console.log("name:"+name+" \r\n sex:"+sex);
}
}
cat.prototype.color="red";
cat.prototype.printColor=function(){
console.log("color:"+this.color+"\r\n name"+this.name);
}
var myCat=new cat("cavent","boy");
</script >
</head>
<body>
<h1 id="object">js prototype属性和constructor属性</h1>
</body>
</html>在谷歌浏览器中的控制台,输入myCat.constructor ，显示如下
function (name,sex){
this.name=name;
this.sex=sex;
this.print=function(){
console.log("name:"+name+" \r\n sex:"+sex);
}
} 输入cat.prototype 显示如下：Object {color: "red", printColor: function}
color: "red"
constructor: function (name,sex){
printColor: function (){
arguments: null
caller: null
length: 0
name: ""
prototype: Object
__proto__: function Empty() {}
<function scope>
__proto__: Object截图如下：
js深入学习-js prototype constructor属性区别
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。