首页 > 代码库 > 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个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。