Chinaunix首页 | 论坛 | 博客
  • 博客访问: 781
  • 博文数量: 2
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 20
  • 用 户 组: 普通用户
  • 注册时间: 2019-04-05 12:04
个人简介

朕与将军解战袍,芙蓉帐暖度春宵!

文章存档

2019年(2)

我的朋友
最近访客

分类: Web开发

2019-04-05 17:57:44

var arr=[]; //定义一个对象; arr.number =10; //对象下面的变量:叫做对象的属性。 //alert(arr.number); //alert(arr.length); arr.text = function(){ //对象下面的函数:叫做对象的方法 alert(123); }; arr.text(); //方法 arr.push(); //方法 arr.sort(); =================================================================================== =================================================================================== 创建一个对象 var obj=new Object(); //创建一个空的对象 obj.name='小明'; //属性 obj.showName=function(){ //方法 alert(this.name); //this指向obj } obj.showName(); //小明 ==================================================================================== ==================================================================================== 如果需要创建两个或多个对象 var obj1=new Object(); //创建一个空的对象 obj1.name='小明'; //属性 obj1.showName=function(){ //方法 alert(this.name); //this指向obj } obj1.showName(); //小明 var obj2=new Object(); //创建一个空的对象 obj2.name='小灰'; //属性 obj2.showName=function(){ //方法 alert(this.name); //this指向obj } obj2.showName(); //小灰 ======================================================================================================================================================================================================== 使用Object函数或对象字面量偶可以创建面向对象,但需要创建多个对象时,会产生大量额重复代码,可以通过工厂方式来解决这个问题 工厂方式-----------------------------面向对象中的封装函数 //工厂方式:封装函数 function createPerson(name){ var obj = new Object(); obj.name = name; obj.showName = function(){ alert(this.name); }; return obj; } var p1=createPerson('小明'); p1.showName(); var p2=createPerson('小强'); =================================================================================================== =================================================================================================== 创建对象用工厂方式来实现,可以传递参数,由于创建对象都是使用Object额原生构造函数来实现,因此无法识别对象类型 构造函数模式--------------------------给一个对象添加方法 //new后面调用额函数叫构造函数 function CreatePerson(name){ this.name=name; this.showName=function(){ alert(this.name); } } //当new去调用一个函数时,函数中的this就是创建出来的对象而函数中的返回值就是this var p1=new CreatePerson('小明'); p1.showName(); var p2=new CreatePerson('小强'); p2.showName(); =================================================================================================== =================================================================================================== 使用自定义的构造函数,定义对象类型的属性和方法,与工厂方式的区别: 1、没有显示的创建对象。 2、直接将属性和方法赋给this对象。 3、没有return语句 上面例子中:CreatePerson构造函数生成的两个对象p1和p2都是CreatePerson的实例 虽然构造函数解决了上面工厂方式的问题,但是它一样存在缺点,就是在创建对象时,每个对象都有一套自己的方法,每定义一个函数都实例化了一个对象。 function CreatePerson(name){ this.name = name; this.showName = function(){ alert(this.name); }; } var p1 = new CreatePerson('小明'); //p1.showName(); var p2 = new CreatePerson('小强'); //p2.showName(); alert(p1.showName == p2.showName); //false它们的值相同,地址不同 //测试例子中的p1.showName与p2.showName是否会相等,弹出的结果是false,说明p1和p2实例都包含一个不同的showName实例 var a= [1,2,3]; var b= [1,2,3]; alert(a == b); //false 值相同,地址不同 var a= 5; var b= 5; b +=3 alert(b); //8 alert(a); //5 基本类型:赋值的时候只是值的复制 var a= [1,2,3]; var b=a; b.push(4); alert(b); //[1,2,3,4] alert(a); //[1,2,3,4]对象类型:赋值不仅是值的复制,而且也是引用的传递 对比上面的几个例子,不难看出基本类型和对象类型的区别了,对象类型的赋值不仅是值的复制,也是引用的传递;
阅读(61) | 评论(0) | 转发(0) |
0

上一篇:CSS盒子技术详解

下一篇:没有了

给主人留下些什么吧!~~