Javascript中的对象入门

时间:2019-03-18
本文章向大家介绍Javascript中的对象入门,主要包括Javascript中的对象入门使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

在Javascript学习中常常看到一句话,一切皆对象,Javascript中的学习,我们从这句话入手。

一、对象是什么

1、对象是单个事物的抽象。

  • 客观世界中有很多事物都可以看做一个对象,一本书、一辆汽车、一个人都可以是对象。
  • 计算机中一个数据库、一张网页、一个页面元素、一次与远程服务器的连接也可以是对象。
  • 当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。
    客观世界任何一个事物都不是孤立存在的,都有着或多或少的联系,抽象世界中的对象也一样存在着联系。

2、对象是一个容器,封装了属性(property)和方法(method)。

对客观世界的任何事物我们都可以去描述它,比如我们试着去抽象的描述人这类事物,体毛较少,皮肤颜色大致有四种,拥有非比寻常的大脑,有语言,能直立行走,能制造工具。在计算机语言里我们的这些描述叫做属性。
在面向对象的编程语言中,属性是对象的状态,方法是对象的行为(完成某种任务)。比如,我们可以把动物抽象为animal对象,使用“属性”记录具体是那一种动物,使用“方法”表示动物的某种行为(奔跑、捕猎、休息等等)。
实际上方法也是属性,只是属性的值是一个函数罢了。这从ECMAScript-262 的对象定义可以看出来。
ECMAScript-262 把对象定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。

二、对象有哪些

如果把Javascript看做是大千世界的话,那么Javascript的世界中也存在着各种各样的对象。按照其来源基本可以分为三类:

  • 原生对象(native object):独立于宿主环境的ECMAScript实现提供的对象。与宿主无关,也叫本地对象、内部对象。
    包括:Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError、Global。
  • 宿主对象(host object):宿主环境提供的,这类对象能使Javascript与宿主环境交互。
  • 自定义对象:编程人员自己定义的对象。

从上图中我们基本把对象粗暴的进行了分类。说明一点的是JavaScript中有一些对象类型不需要实例化就可以使用其属性和方法,这类对象在脚本程序初始化时被创建,包括有:
1 、内置对象:其中Global,Math,JSON。
其中Global是全局对象,Global的属性和方法是全局属性和全局方法,可以直接引用其属性和方法。

parseInt('123')  ; 
Math.random() ; //返回 0 ~ 1 之间的随机数。
JSON.parse('{"id":1}') ; //将 JSON 字符串转换为 JavaScript 对象。

2、window对象:Window 对象表示浏览器中打开的窗口。Window 对象是宿主环境中的全局对象,同Global对象一样,当前窗口的属性和方法可以作为全局属性和方法直接引用

alert()('123'); // 不必写成window.alert(123)