知识大全 JS中的prototype与面向对象

Posted

篇首语:上下观古今,起伏千万途。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JS中的prototype与面向对象相关的知识,希望对你有一定的参考价值。

JS中的prototype与面向对象  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

<script language="javascript" type=text/javascript> //( )把一个方法变成一个对象 为对象创建方法和属性 var Name = function () //通过prototype给一个对象创建方法 Name prototype Add = function (num title) //也可以直接用this加方法名为对象创建方法和上面的等价 this Way = function (str) //为对象添加属性值 Name prototype xing = " "; //定义静态属性和方法 Name shi = "static"; Name Addd = function (num title) //静态定义的局部属性和方法只能在静态的类型里面用 alert(Name shi); Name Addd( ); //方法也可以这样声明 function Name () Name prototype add = function () this way = function () Name prototype shu = "other"; //静态定义的全局属性和方法通用 Name sha = "static"; Name Addd = function () alert(Name sha); //调用静态属性 Name Addd (); //调用静态方法 var name = new Name(); name Add(); //对象调用方法 name Way(); alert(name xing); //对象调用属性 /*静态的全局变量 在方法外可以调用 静态的局部变量和方法仅限于方法内使用 实例对象不能调用静态的方法 */ /*实例对象不能使用prototype; */ //( )Javascript面向对象 继承 //父类 function Class() this name = "name"; this method = function () alert("method"); //子类 function Class () this name = "name "; this method = function () alert("method "); //子类继承父类 Class prototype = new Class(); var obj = new Class (); alert(obj name); alert(obj name ); obj method(); obj method (); /****** 子类继承父类的语法 子类 prototype=new 父类(); *****/ //( )子类重写父类 //子类 function Class () this name = "name "; this method = function () alert("method "); Class prototype = new Class(); //继承 Class prototype name = "updateName"; //重写父类的属性 Class prototype method = function () //重写父类的方法 alert("UpdateMethod"); var obj = new Class (); alert(obj name); //显示updateName obj method(); //显示UpdateMethod alert(obj name ); obj method (); //( )里面的为对象 var arr = new Array(); arr push( "name": " " "age": funA: function () ); arr push( "name": " " "age": ); arr push( "name": " " "age": ); for (var i = ; i < arr length; i++) alert(arr[i] name); alert(arr[i] age); alert(arr[i] funA()); /****一个对象也可以这么定义***/ var newObject = "name": "Jim" "sex": "Man" Way: function () ; </script> cha138/Article/program/Java/JSP/201311/19920

相关参考