一句话彻底理解JavaScript的静态、实例、原型!
2016-12-06 14:47
465 查看
静态的属于类,实例的属于对象,而原型就是值为自身对象的静态属性
js静态属性和方法必须在类外面定义,而实例属性和方法、原型属性和方法则没有这个限制,类的里面和外面都可以定义。
因为下面这样写方法没有得到调用,所以里面的代码没有执行。
实例方法中调用实例属性和方法,必须要使用”this.”。
不使用this调用的局部变量。
调用原型属性和方法时可以将前面的”类名.prototype.”改成”对象.”。
改成”对象.”的调用原理:首先在实例对象中查找,如果找到则立即返回,否则在prototype中查找,找到则返回相应的值,否则返回undefined。
静态属性是全局的,原型属性是实例公有的,实例属性是各个实例所独有的。
静态方法是全局的,原型方法是实例公有的,实例方法是各个实例所独有的。
本人强烈反对使用”对象.方法”调用原型方法!
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!"
静态属性是全局的,原型属性是实例公有的,实例属性是各个实例所独有的。
静态方法是全局的,原型方法是实例公有的,实例方法是各个实例所独有的。
本人强烈反对使用”对象.方法”调用原型方法!
相关文章推荐
- 彻底理解Javascript原型继承
- 彻底理解JavaScript原型
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- JavaScript原型彻底理解2---继承中的原型链
- JavaScript中原型对象的彻底理解
- 彻底理解JavaScript原型
- [乐意黎转载]JavaScript原型彻底理解2---继承中的原型链
- 对JavaScript中的静态属性和原型属性的理解
- JavaScript中原型对象的彻底理解
- JavaScript中原型对象的彻底理解
- 彻底理解JavaScript原型
- [乐意黎转载]JavaScript中原型对象的彻底理解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- 彻底理解JavaScript原型
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- 彻底理解JavaScript原型
- JavaScript中原型对象的彻底理解
- JavaScript原型彻底理解2---继承中的原型链
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- JavaScript中原型对象的彻底理解