javascript

位置:IT落伍者 >> javascript >> 浏览文章

JS中的prototype与面向对象


发布日期:2020年04月13日
 
JS中的prototype与面向对象

代码如下:


<script language="javascript"  type="text/javascript">
//()把一个方法变成一个对象为对象创建方法和属性
var Name = function  () {
//通过prototype给一个对象创建方法
NameprototypeAdd = function (num title)  {
}
//也可以直接用this加方法名为对象创建方法和上面的等价
thisWay = function (str)  {
}
//为对象添加属性值
Nameprototypexing =  "";

//定义静态属性和方法
Nameshi = "static";
NameAddd = function (num  title) {
}
//静态定义的局部属性和方法只能在静态的类型里面用
alert(Nameshi);
NameAddd(  );

}
//方法也可以这样声明
function Name() {
Nameprototypeadd =  function () { }
thisway = function () { }
Nameprototypeshu =  "other";
}
//静态定义的全局属性和方法通用
Namesha = "static";
NameAddd =  function () {
}
alert(Namesha); //调用静态属性
NameAddd(); //调用静态方法
var  name = new Name();
nameAdd(); //对象调用方法
nameWay();
alert(namexing);  //对象调用属性
/*静态的全局变量在方法外可以调用静态的局部变量和方法仅限于方法内使用实例对象不能调用静态的方法  */
/*实例对象不能使用prototype; */


//()Javascript面向对象  继承
//父类
function Class() {
thisname = "name";
thismethod =  function () {
alert("method");
}
}
//子类
function Class()  {
thisname = "name";
thismethod = function ()  {
alert("method");
}
}
//子类继承父类
Classprototype = new  Class();
var obj = new  Class();
alert(objname);
alert(objname);
objmethod();
objmethod();
/******  子类继承父类的语法子类prototype=new 父类(); *****/
//()子类重写父类
//子类
function  Class() {
thisname = "name";
thismethod = function ()  {
alert("method");
}
}
Classprototype = new Class();  //继承
Classprototypename = "updateName";  //重写父类的属性
Classprototypemethod = function ()  {//重写父类的方法
alert("UpdateMethod");
}
var obj = new  Class();
alert(objname); //显示updateName
objmethod();  //显示UpdateMethod
alert(objname);
objmethod();

//(){}里面的为对象
var  arr = new Array();
arrpush({ "name": "" "age": funA: function () { }  });
arrpush({ "name": "" "age": });
arrpush({ "name": "" "age":   });
for (var i = ; i < arrlength; i++)  {
alert(arr[i]name);
alert(arr[i]age);
alert(arr[i]funA());
}
/****一个对象也可以这么定义***/
var  newObject = {
"name": "Jim"
"sex": "Man"
Way: function () { }  
};
</script>               

上一篇:js中取绝对值的2种方法

下一篇:等待指定时间后自动跳转或关闭当前页面的js代码