与js构造函数,原型对象,实例对象相关的属性和方法

2017-04-26  本文已影响0人  暮色h

参考http://blog.csdn.net/jerrysbest/article/details/6642003

        http://blog.csdn.net/sinat_22996989/article/details/49559513

涉及到的概念:①构造函数相关的⥤私有属性(私有变量)⇔内部方法,公有(实例)属性⇔对象(实例)方法,公有静态属性(类属性)⇔类方法(静态方法);

②原型对象上的方法

③实例对象的方法⥤包括3种:原型对象上继承的;实例上直接定义的;构造函数上的实例方法

//对象构造函数

function Atest(name){

//私有属性,只能在对象构造函数内部使用

var className = "Atest";

//公有属性,在对象实例化后调用

this.name = name;

//对象(实例)方法

this.hello = function(){

alert(this.name);

alert(this.msg());//使用原型方法扩充的方法可以在类内部使用

alert(this.sex);//使用原型方法扩充的属性可以在类内部使用

alert(Atest.age);//静态属性调用时格式为[对象.静态属性]

}

}

//类方法 (实际是静态方法直接调用) 位置:Person类的外部 语法格式:类名称.方法名称 = function([参数...]){ 语句行; }

Atest.Run = function(){

alert("我是类方法 Run");

}

//原型方法

Atest.prototype.msg = function(){

alert("我的名字是:"+this.name);//如果原型方法当作静态方法直接调用时,this.name无法被调用

}

//公有静态属性 在类的外部(类属性)

Atest.age = 20;//公有静态属性不能使用 【this.属性】,只能使用 【对象.属性】 调用

//原型属性,当作是类内部的属性使用【this.原型属性】,也可以当成公有静态属性使用【对象.prototype.原型属性】

Atest.prototype.sex = "男";

Atest.Run(); //类方法也是静态方法,可以直接使用 【对象.静态方法()】

Atest.prototype.msg();//原型方法当成静态方法使用时【对象.prototype.方法()】

alert(Atest.prototype.sex);//原型属性当作静态属性使用时【对象.prototype.方法()】

var a = new Atest("zhangsan");//对象方法和原型方法需要实例化对象后才可以使用

a.hello();//对象方法必须实例化对象

a.msg();//原型方法必须实例化对象

alert(a.age);//错误,公有静态属性(类属性)只能使用 【对象.属性】调用

//ps:尽量将方法定义为原型方法,原型方法避免了每次调用构造函数时对属性或方法的构造,节省空间,创建对象快.

3种实例方法优先级比较:直接定义在实例上的变量的优先级要高于定义在“this”上的,而定义在“this”上的又高于 prototype定义的变量。即直接定义在实例上的变量会覆盖定义在“this”上和prototype定义的变量,定义在“this”上的会覆盖prototype定义的变量。

上一篇下一篇

猜你喜欢

热点阅读