JavaScript 对象

1. ECMAScript 把对象定义为“属性的无序集合,每个属性存放一个原始值、对象或函数。”

2. 在 ECMAScript 里有三种类型的对象,分别是本地对象、内置对象和宿主对象。

3. 本地对象
ECMAScript 把本地对象定义为“独立于宿主环境的由 ECMAScript 实现提供的对象”。简单的说,本地对象就是 ECMAScript 定义的类(引用类型)。他们包括:
[img]http://dl.iteye.com/upload/picture/pic/49815/2c218d7f-7526-3e4e-8ad1-338310175f71.png[/img]

4. 内置对象
ECMAScript 把内置对象定义为“独立于宿主环境的由 ECMAScript 实现提供,并且在 ECMAScript 程序执行时就已经出现的对象”。这意味着开发者不必明确实例化内置对象,它已经被实例化了。ECMAScript 只定义了两个内置对象,即 Global 和 Math(它们也是本地对象,根据定义,ECMAScript 每个内置对象都是本地对象)。

Global 对象是 ECMAScript 最特殊的一个对象,因为实际上它根本不存在,但是 ECMAScript 把 isNaN()、isFinite()、parseInt()、parseFloat() 这些都看作是 Global 对象的方法。(把这些都归纳起来当做是某对象的方法,然后把该对象抽象为 Global 对象??)
Global 对象还有以下属性:
[img]http://dl.iteye.com/upload/picture/pic/49817/acd3c01f-373b-3ef7-8d13-fda5a91d4a9d.png[/img]

5. 宿主对象
所有非本地对象都是宿主对象,即由 ECMAScript 宿主环境实现提供的对象。所有的 BOM 对象和 DOM 对象。

6. 作用域
与 Java 程序设计语言不同,ECMAScript 只存在一种作用域——公用作用域。即 ECMAScript 对象的所有属性和方法都是公用的。

7. this 关键字
与 Java 一样,this 关键字总是指向调用该方法的对象。

8. 定义对象
预定义对象是面向对象编程语言能力的一部分,它的真正强大之处在于能够创建自己的专业类和对象。
注意,[b]ECMAScript 对象的属性可在对象创建后动态定义[/b],如:

var oCar = new Object;
oCar.color = "red";
oCar.doors = 4;
oCar.showColor = function(){
alert(this.color);
}

9. 工厂方式创建对象

function createCar(){
var oCar = new Object;
oCar.color = "red";
oCar.doors = 4;
oCar.showColor = function(){
alert(this.color);
}
return oCar;
}
var oCar1 = createCar();
var oCar2 = createCar();

修改 createCar 函数,给它传递各属性的默认值:

function createCar(color,doors){
var oCar = new Object;
oCar.color = color;
oCar.doors = doors;
oCar.showColor = function(){
alert(this.color);
}
return oCar;
}
var oCar1 = createCar("red",2);
var oCar2 = createCar("green",4);

但是这样存在一个问题,每次调用 createCar 函数都将创建新版本的 showColor 函数,这意味着每个对象都有自己的 showColor 函数版本,[b]事实上每个对象都共享了同一个函数[/b](?不明)。试图把 showColor 函数提出去:

function showColor(){
alert(this.color);
}

function createCar(color,doors){
var oCar = new Object;
oCar.color = color;
oCar.doors = doors;
oCar.showColor = showColor;
return oCar;
}
var oCar1 = createCar("red",2);
var oCar2 = createCar("green",4);

这样在创建对象是赋予 oCar 对象一个指向 showColor 函数的指针。从功能上讲,解决了 showColor 的重复创建问题,但是该函数看起来不像是对象 oCar 对象的方法,由此引出了构造函数。

10. 构造函数

function Car(color,doors){
this.color = color;
this.doors = doors;
this.showColor = function(){
alert(this.color);
}
}
var oCar1 = new Car("red",2);
var oCar2 = new Car("green",4);

其实构造函数方式跟工厂方式很相像,不过它们有以下的区别:构造函数内部没有创建对象,而是使用 this 关键字,同时构造函数也没有显示地声明返回值。
[b]当使用 new 关键字调用构造函数时,在执行第一行代码前会先创建一个对象,只有 this 才能访问该对象,然后可以直接赋予 this 属性。默认情况下,this 是构造函数的返回值。[/b]
就像工厂函数,构造函数也存在着 showColor 函数重复创建的问题,于是引出了原型方式。

11. 原型方式
该方式利用了对象的 prototype 属性。prototype 是一个特殊的属性,其实是一个对象,可把它看作是创建新对象时所依赖的原型。

function Car(){
}

oCar.prototype.color = "red";
oCar.prototype.doors = 4;
oCar.prototype.showColor = function (){
alert(this.color);
}

var oCar1 = new Car();
var oCar2 = new Car();

当调用 new Car() 创建对象是,原型的所有属性都被立即赋予要创建的对象。这意味着所有创建的 Car 对象实例保存的都是 showColor 函数的指针,这就解决了函数重复创建的问题,同时所有属性都属于一个对象,这看起来更像是一个对象的封装。于是解决了前两种方式的两个问题。
其实以上方式还存在问题,如构造函数没有参数,真正的问题是,当属性指向的是对象而不是函数时。看以下代码:

function Car(){
}

oCar.prototype.color = "red";
oCar.prototype.doors = 4;
oCar.prototype.dirvers = new Array("Mike","Sue");
oCar.prototype.showColor = function (){
alert(this.color);
}

var oCar1 = new Car();
var oCar2 = new Car();

问题发生:
oCar1.push("Matt");
alert(oCar1.dirvers); // output : "Mike","Sue","Matt"
alert(oCar2.dirvers); // output : "Mike","Sue","Matt"

可以看到 oCar2 的 drivers 属性也多了 "Matt"。因为 oCar1 和 oCar2 的 drivers 属性都是 Car 的原型属性,这是问题的根本。

12. 混合的构造函数/原型方式

function Car(color,doors){
this.color = color;
this.doors = doors;
this.dirvers = new Array("Mike","Sue");
}

oCar.prototype.showColor = function(){
alert(this.color);
}

var oCar1 = new Car();
var oCar2 = new Car();

oCar1.push("Matt");
alert(oCar1.dirvers); // output : "Mike","Sue","Matt"
alert(oCar2.dirvers); // output : "Mike","Sue"

问题解决。

13. 动态原型方式

function Car(color,doors){
this.color = color;
this.doors = doors;
this.dirvers = new Array("Mike","Sue");
if(typeof Car._initialed == undefined){
Car.prototype.showColor = function(){
alert(this.color);
}
Car._initialed = true;
}
}

14. 定义对象的最好方式是:用构造函数方式定义属性,用原型方式定义方法,即混合的构造函数/原型方式。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
东南亚位于我国倡导推进的“一带一路”海陆交汇地带,作为当今全球发展最为迅速的地区之一,近年来区域内生产总值实现了显著且稳定的增长。根据东盟主要经济体公布的最新数据,印度尼西亚2023年国内生产总值(GDP)增长5.05%;越南2023年经济增长5.05%;马来西亚2023年经济增速为3.7%;泰国2023年经济增长1.9%;新加坡2023年经济增长1.1%;柬埔寨2023年经济增速预计为5.6%。 东盟国家在“一带一路”沿线国家中的总体GDP经济规模、贸易总额与国外直接投资均为最大,因此有着举足轻重的地位和作用。当前,东盟与中国已互相成为双方最大的交易伙伴。中国-东盟贸易总额已从2013年的443亿元增长至 2023年合计超逾6.4万亿元,占中国外贸总值的15.4%。在过去20余年中,东盟国家不断在全球多变的格局里面临挑战并寻求机遇。2023东盟国家主要经济体受到国内消费、国外投资、货币政策、旅游业复苏、和大宗商品出口价企稳等方面的提振,经济显现出稳步增长态势和强韧性的潜能。 本调研报告旨在深度挖掘东南亚市场的增长潜力与发展机会,分析东南亚市场竞争态势、销售模式、客户偏好、整体市场营商环境,为国内企业出海开展业务提供客观参考意见。 本文核心内容: 市场空间:全球行业市场空间、东南亚市场发展空间。 竞争态势:全球份额,东南亚市场企业份额。 销售模式:东南亚市场销售模式、本地代理商 客户情况:东南亚本地客户及偏好分析 营商环境:东南亚营商环境分析 本文纳入的企业包括国外及印尼本土企业,以及相关上下游企业等,部分名单 QYResearch是全球知名的大型咨询公司,行业涵盖各高科技行业产业链细分市场,横跨如半导体产业链(半导体设备及零部件、半导体材料、集成电路、制造、封测、分立器件、传感器、光电器件)、光伏产业链(设备、硅料/硅片、电池片、组件、辅料支架、逆变器、电站终端)、新能源汽车产业链(动力电池及材料、电驱电控、汽车半导体/电子、整车、充电桩)、通信产业链(通信系统设备、终端设备、电子元器件、射频前端、光模块、4G/5G/6G、宽带、IoT、数字经济、AI)、先进材料产业链(金属材料、高分子材料、陶瓷材料、纳米材料等)、机械制造产业链(数控机床、工程机械、电气机械、3C自动化、工业机器人、激光、工控、无人机)、食品药品、医疗器械、农业等。邮箱:market@qyresearch.com

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值