javascript面向对象基本用法

时间：2015-07-28 06:44:24 阅读：137 评论：0 收藏：0 [点我收藏+]

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/jscript">
//js面向对象：创建一个猫类
function Cat(){
}
//js对象的属性可以动态的添加
var cat1=new Cat();
cat1.name="tom";
cat1.age=3;
cat1.color="白色";
document.write(cat1.name+"--"+cat1.age+"--"+cat1.color);
//js中自定义类(原型对象)的方法
document.write(" 1.工厂方法");
var obj=new Object();
obj.name="aa";
obj.show=function(){
}
document.write(" 2.构造函数来定义类");
function Person(){
}
document.write(" js中一切都是对象");
var i=10;
document.write(" "+i.constructor);
function Person1(){
}
var p1=new Person1();
document.write(" "+p1.constructor);
document.write(" "+Person1.constructor);
document.write(" "+Function.constructor);
document.write(" instanceof 判断对象实例是不是某个类的对象实例");
if(p1 instanceof Person1){
document.write(" p1是Person1的对象实例");
}else{
document.write(" p1不是Person1的对象实例");
}
document.write(" js销毁对象属性的方法：delete 对象名.属性");
document.write(" 给对象创建就有的属性");
function Person2(name){
this.name=name;
}
var p2=new Person2("Tom");
document.write(" "+p2.name);
document.write(" 内部函数访问私有变量");
function Person3(){
//两个私有变量
var name="China";
var age=10000;
this.show=function(){
document.write(" "+name+"--"+age);
}
}
var p3=new Person3();
p3.show();
document.write(" js面向对象的成员函数");
function Person4(name,age){
this.name=name;
this.age=age;
}
function speak(){
document.write(" 我是："+this.name+";年龄："+this.age);
}
var p4=new Person4("小白",30);
p4.fun1=speak;
p4.fun1();
speak();
/*第二种写法
p4.fun1()=function speak(){}
*/
document.write(" 定义公共函数");
function Test1(){
this.test=function(){
document.write(" 公共函数");
}
}
//这里是匿名写法
new Test1().test();
document.write(" js的原型法");
Dog.prototype.shout=function (){
document.write("小狗叫");，
}
var dog1=new Dog();
dog1.shout();
</script>
<body>

</body>

</html>

QQ：1327880701，一起学习进步，交朋友。

javascript面向对象基本用法

标签：javascript

原文地址：http://blog.csdn.net/dzy21/article/details/47098387

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行