欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js构造函数的方法

程序员文章站 2022-04-14 18:11:19
构造函数方法有对象方法、类方法、原型方法 首先来看直接调用,这种情况下只有类方法能直接使用。 然后来看下new出新的实例,这种情况下,实例方法和原型方法都可以用,但是类方法不能用。new出来的实例会包含实例方法和属性,然后实例的原型上会有原型方法,所以这二者可以用。 总结: 1.类方法是不需要进行实 ......

构造函数方法有对象方法、类方法、原型方法

function func(name){
 this.name=name;
 this.ff=function(){ //对象方法
   console.log(this.name);
  };
}
func.ff2=function(name){//类方法
 console.log(name);
}
func.prototype.ff3=function(){//原型方法
console.log(this.name);
};

首先来看直接调用,这种情况下只有类方法能直接使用。

func.ff(); //vm1239:12 uncaught typeerror: func.ff is not a function

func.ff2('jack');//jack

func.ff3();//uncaught typeerror: func.ff3 is not a function

然后来看下new出新的实例,这种情况下,实例方法和原型方法都可以用,但是类方法不能用。new出来的实例会包含实例方法和属性,然后实例的原型上会有原型方法,所以这二者可以用。

var nff=new func('jack');

nff.ff(); //jack

nff.ff2('jack');//vm1257:12 uncaught typeerror: nff.ff2 is not a function

nff.ff3('jack');//jack

 总结:

       1.类方法是不需要进行实例化就可以使用的方法;反而实例化之后,类方法在实例中不可用。

       2.对象方法和原型方法,只有实例化之后才可以使用。