HTML5技术

彻底理解JavaScript原型 - 田小计划(3)

字号+ 作者:H5之家 来源:博客园 2015-11-03 08:26 我要评论( )

function Person(name, age){ this .name = name; this .age = age;}Person.prototype.getInfo = function (){console.log( this .name + " is " + this .age + " years old" );}; var will = new Person("Will", 2

function Person(name, age){ this.name = name; this.age = age; } Person.prototype.getInfo = function(){ console.log(this.name + " is " + this.age + " years old"); }; var will = new Person("Will", 28); for(var attr in will){ console.log(attr); } // name // age // getInfo for(var attr in will){ if(will.hasOwnProperty(attr)){ console.log(attr); } } // name // age

总结

本文介绍了JavaScript中原型相关的概念,对于原型可以归纳出下面一些点:

还有要强调的是文章开始的例子,以及通过例子得到的一张"普通对象","函数对象"和"原型对象"之间的关系图,当你对原型的关系迷惑的时候,就想想这张图(或者重画一张当前对象的关系图),就可以理清这里面的复杂关系了。

通过这些介绍,相信一定可以对原型有个清晰的认识。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    2017-03-22 11:03

  • 一道面试题引发的对javascript类型转换的思考 - ChokCoco

    一道面试题引发的对javascript类型转换的思考 - ChokCoco

    2017-03-06 17:00

  • 对原型链的理解 语言表达能力不好 直接用代码,哈 - 肖莉

    对原型链的理解 语言表达能力不好 直接用代码,哈 - 肖莉

    2017-02-26 14:01

  • !important的理解 - .smile

    !important的理解 - .smile

    2017-02-21 08:02

网友点评
/