首页 技术 正文
技术 2022年11月16日
0 收藏 902 点赞 4,041 浏览 1563 个字

第一次在园子发文:

关于js面向对象的理解:

  工厂方式是什么?构造函数是什么?原形链?对象的引用?

1.对象是什么?

在js接触的比较多的就是对象了,比如: 

 var arr = []; arr.number = 10;    //对象下面的变量:叫做对象的属性 //alert( arr.number );
//alert( arr.length ); arr.a= function(){ //对象下面的函数 : 叫做对象的方法
alert(123);
}; arr.a(); //

通过 new Date() new String() 可以创建一个个对象。

2.工厂方式是什么?

//工厂方式 : 封装函数function createPerson(name){
//1.原料
var obj = new Object();
//2.加工
obj.name = name;
obj.showName = function(){
alert( this.name );
};
//3.出厂
return obj;}var p1 = createPerson('小明');
p1.showName();

通过工厂方式,不需要new 一个函数,直接在函数内部创建一个新的对象,通过给新对象加属性和方法,然后抛出。缺点是:不够灵活。

3.构造函数是什么?

  

function CreatePerson(name){    this.name = name;
this.showName = function(){
alert( this.name );
};}var p1 = new CreatePerson('小明');
p1.showName();

通过在函数外部new 一个函数,实例化了一个对象就是构造函数(一般函数名遵循大写)。在函数内部this就指向了这个实例化的对象,而不是指向window。属性和方法都挂载到了实例化的对象上面去了。缺点:每个方法都挂载在新创建的实例化对象上面,如果需要实例化很多对象,就造成了性能浪费。

特别注意:

p1.showName() == p2.showName();//false 因为如上,方法在每个实例化对象上面,为了解决这个问题,出现了在原型上面加方法。

4.对象的引用:

//example 1:var a = [1,2,3];
var b = a;
b.push(4);
alert(b); //1,2,3,4; // b没有被赋值,只是把引用指向给了a,修改b就是修改a的值//example 2:var a = [1,2,3];
var b = a;
b = [1,2,3,4];
alert(a); // 1,2,3 //虽然一开始b引用指向了a,但是后来b被赋值了,重新开创了内存单元,赋值成了[1,2,3,4],结果就没有影响a
// 对象类型:复制不仅仅是值的复制,也是引用的传递//example 3:
var a = [1,2,3];
var b = [1,2,3];
alert(a == b); // 对象类型 必须值和引用都相同才等于

5.原型:

function CreatePerson(name){    this.name = name;
}
//在构造函数原型上添加方法
CreatePerson.prototype.showName = function(){
alert( this.name );
};var p1 = new CreatePerson('小明');
p1.showName();
var p2 = new CreatePerson('大白');
p2.showName();alert(p1.showName() == p2.showName()) //true
//给数组原型添加方法:Array.prototype.sum = function(){
var result = 0;
for(var i = 0; i<this.length; i++){
result += this[i];
}
return result;
}
arr = [1,2,3];
alert(arr.sum()); //
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,077
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,552
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,401
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,176
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,813
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,896