JS原型学习笔记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS原型学习笔记相关的知识,希望对你有一定的参考价值。

1.原型是函数对象的属性,它的初始值是一个空对象,这个prototype原型对象可以添加方法和属性。

2.构造器对象查找属性和方法时先查找构造器后查找原型。

3.若构造器中的属性和原型中的属性相同,构造器的优先级会高于原型。

4.枚举属性(for-in)

(1).数组枚举

var a=[1,2,3];

for(var i in a){

  console.log(a[i]);

}

(2).对象枚举

var a={name:"gao",age:"18",sex:"male"};

for(var i in a){

  console.log(i+"="+a[i]);

}

 

5.构造器对象枚举

function Obj(name,age){   

  this.name=name;  

  this.age=age;   

  this.getInfo=function(){    

    return "age:"+this.age+",name:"+this.name;   

  }  

}

Obj.prototype.score=121;  

Obj.prototype.scape="MS";  

Obj.prototype.getSc=function(){   

  return "score:"+this.score+".scope:"+this.scope;  

}

var me=new Obj("gx","17");

for(var prop in me){   

  if(me.hasOwnProperty(prop)){    

    console.log(prop+"="+me[prop]);   

  }  

}

 

6.hasOwnProperty()函数判断属性是否为构造器自身属性

7.isPrototypeOf()方法,当前对象是否为另一个对象的原型

8.当对prototype对象进行重写时,需重置constructor。

 

以上是关于JS原型学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript原型学习笔记

[前端JS学习笔记]JavaScript prototype 对象

#yyds干货盘点# js学习笔记三十二前端原型和原型链构造函数的使用

原型与继承学习笔记1

#yyds干货盘点# js学习笔记三十一前端原型和原型链构造函数的使用

慕课网-前端JavaScrpt基础面试技巧-学习笔记