您的位置:首页 > Web前端 > JavaScript

一句话彻底理解JavaScript的静态、实例、原型!

2016-12-06 14:47 465 查看
静态的属于类,实例的属于对象,而原型就是值为自身对象的静态属性

function ClassA(){
}
ClassA.prototype=new ClassA();//这句代码不用写是默认就有。


js静态属性和方法必须在类外面定义,而实例属性和方法、原型属性和方法则没有这个限制,类的里面和外面都可以定义。

因为下面这样写方法没有得到调用,所以里面的代码没有执行。

function A(){
A.show1=function(s){
alert("method 1 hello "+s+"!")
}
}
A.show1("tang");//TypeError: A.show1 is not a function


function A(){
}
A.show1=function(s){
alert("method 1 hello "+s+"!")
}
A.show1("tang");//alert "method 1 hello tang!"


实例方法中调用实例属性和方法,必须要使用”this.”。

不使用this调用的局部变量。

function A(){
this.show2=function(s){
alert("method 2 hello "+s+"!");
};
this.show3=function(s){
show2(s);
};
}
var a=new A();
a.show3("tang");//ReferenceError: show2 is not defined


调用原型属性和方法时可以将前面的”类名.prototype.”改成”对象.”。

改成”对象.”的调用原理:首先在实例对象中查找,如果找到则立即返回,否则在prototype中查找,找到则返回相应的值,否则返回undefined。

function A(){
A.prototype.show1=function(s){
alert("method 1 hello "+s+"!");
};
}
var a=new A();
a.show1("tang");//alert "method 1 hello tang!"
A.prototype.show1("zhi");//alert "method 1 hello zhi!"


静态属性是全局的,原型属性是实例公有的,实例属性是各个实例所独有的。

静态方法是全局的,原型方法是实例公有的,实例方法是各个实例所独有的。

本人强烈反对使用”对象.方法”调用原型方法!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: