js 面向对象的学习

最新推荐文章于 2024-09-26 16:05:40 发布

zeng7960983

最新推荐文章于 2024-09-26 16:05:40 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： JavaScript F# XHTML HTML ViewUI

本文链接：https://blog.youkuaiyun.com/zeng7960983/article/details/83680880

javascript 专栏收录该内容

8 篇文章

订阅专栏

发现javascript对象很好很强大正在学习记下笔记...
------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript对象学习</title>
</head>

<body>
<script>
function f(){}
var o1=new f();
o1.name="曾荣";
o1.saying=function(){
return "我叫"+o1.name;
}
document.write(o1.name+"说:"+o1.saying());
var o={x:1,y:'我是y的内容'}; //创建对象并给
o2=o; //对象赋值
//alert(o2.x+o2.y);
//alert(o.x+o.y);
//alert(delete o); //删除对象
//o=null;
//alert(o2.x);y
//alert(o.x);
var o3={x:1,y:{x:2,y:{x:3,y:true}}};
//alert(o3.y.y.y);
/*
var o4=function(){
this.x=1;
this.y={
x:2,
y:false
}
}*/
//alert(o4.y.x);
var o5={
name:'曾荣',
x:function(){
alert("method"+this.name);
}
};

var o={
x:function(){ //方法
alert(this.y); //获得属性y的值
}
};
//o.x(); //调用x()
var f=o;
f.x=function(){ //重写x方法
alert("faf");
}
f.y=2;// 给属性y赋值
//f.x(); //调用自己的方法

//alert(o5.x())
function addMethod(){
return this.x+this.y;
}
function myClass(x,y){
this.x=x;
this.y=y;
}
var o=new myClass(10,20); //创建对象
o.add=addMethod; //把该函数赋值给
alert(o.add()); //调用该方法
</script>
</body>
</html>
------------