一. 对象是什么

是单身童鞋们正在查找的“对象”吗?是的,他/她就是活生生的对象。

Javascript是一种基于对象的语言, 你遇到的所有东西几乎都是对象。

但它又不同于基于类的语言。那么“类”又是神马,简单来说,类就是对同一类事物抽象的称呼。

比如“人”就是一个抽象的称呼,那么你,我,他,就是一个具体的‘人’对象。

那么“抽象”又是神马,抽象就是抽出事物的本质特性而暂时不考虑它们的细节。

抽象是人类在认识复杂现象中使用的最强有力的思维工具。抽象的目的是为了更好的具体!

二. 对象有什么

对象通常有属性和方法。

属性表示对象的静态特征,方法表示对象的动态行为。

比如人有“姓名”、“年龄”等属性,也有“吃饭”、“行走”等方法。

属性和方法又可统称为对象的“成员”,在javascript里统称为“属性”。

也就是可以把“方法”看作一种特殊的“属性”。

ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数”。

我们可以把javascript中的对象看成一组键值对,其中“键”就是属性的名称,“值”就是属性的值。

此外,对象还有生命周期,如同人要经历生老病死一样。

下面看个最简单的JS对象:

var person = {

  name: 'cnblog',

  score: 100,

  eat: function() {},

  walk: function() {}

};

三. 对象做什么

对象做什么的前提,当然是对象有什么,对象只能做它能力范围内的事。

通常一件简单的事情,一个对象自己就可以搞定。

当需要处理复杂的事情时,就需要多个对象之间相互协作才能完成。

既然要协作,那么必然要涉及对象之间如何沟通。

对象之间有什么关系,怎样发生关系等等。

当然这些问题,每种编程语言的设计者都给出了对应的解决方案。

我们的任务就是学会灵活使用它们,避免不必要的踩坑。

四. JS创建对象

js创建对象有以下几种方式:

(1). 使用对象字面量:

var person = {
name: 'cnblog',
score: 100
}

(2). 使用Object:

var person = new Object();
person.name = 'cnblog';
person.score = 100;

(3). 使用函数构造器:

function Person(name, score) {
this.name = name;
this.score = score
}
var person = new Person('cnblog', 100);

其实使用Object类型创建对象,本质上也是使用函数构造器来创建的,因为Object也是函数构造器:

typeof Object    // "function"

(4). 使用Object.create:

var person = Object.create(Object.prototype, {
name: { writable:true, configurable:true, value: "cnblog" },
score: { writable:true, configurable:true, value: 100 }
});

Object.create()是ES5新增的API,用于创建一个拥有指定原型和若干个指定属性的对象。

五. JS内置对象

javascript内置对象是指独立于宿主环境的 ECMAScript 实现提供的对象。

常见的内置对象有:Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、Math。

JavaScript那些事儿(01): 对象的更多相关文章

  1. 转:JavaScript中函数与对象的关系

    来自:http://www.nowamagic.net/javascript/js_RelationOfFunctionAndObject.php 在ajax兴起以前,很多人写JavaScript可以 ...

  2. JavaScript中的window对象

    JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html

  3. JavaScript进阶系列01,函数的声明,函数参数,函数闭包

    本篇主要体验JavaScript函数的声明.函数参数以及函数闭包. □ 函数的声明 ※ 声明全局函数 通常这样声明函数: function doSth() { alert("可以在任何时候调 ...

  4. javascript 构造函数方式定义对象 (转载)

    javascript 构造函数方式定义对象   javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> & ...

  5. JavaScript基础第01天笔记

    JavaScript基础第01天 1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的 ...

  6. javascript json字符串与对象相互转换

    在实际项目中,经常遇到字符格式的问题,记下来以便日后方便查看.用到两个函数:JSON.stringify() 和 JSON.parse(). 使用ajax向后台请求数据,后台给前端返回数据,明明后端脚 ...

  7. javascript的window.ActiveXObject对象,区别浏览器的方法

    (window.ActiveXObject)的作用,用来判断浏览器是否支持ActiveX控件,如果支持ActiveX控件,我们可以利用var xml=new ActiveXObject("M ...

  8. Javascript初学篇章_5(对象)

    对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象, ...

  9. javascript event(事件对象)详解

    javascript event(事件对象)详解   1. 事件对象     1. 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什 ...

随机推荐

  1. Election Time

    Election Time Time Limit: 1000MS Memory limit: 65536K 题目描述 The cows are having their first election ...

  2. PCB板可靠性测试方法择要

    在电子设备中PCB板是所有电子设备的核心,其的可靠性程度会直接影响了产品的耐用性和寿命.因此在我们实验室(上海摩尔实验室)的实际工作中遇到了越来越多的针对PCB板的可靠性的测试要求,现根据一些企业的内 ...

  3. OTP语音芯片和掩模语音芯片(mask)的区别

    OTP(One Time Programable)是MCU的一种存储器类型,意思是一次性可编程:程序烧入IC后,将不可再次更改和:因此OTP语音芯片就是指一次性烧录的语音IC. 从OTP定义上来看,只 ...

  4. Firebase能改变什么(对SaaS,BaaS,PaaS,IaaS的解释比较清楚)

    作为Google Cloud对标Amazon AWS重要的一环,Firebase能改变什么? 雷锋网 2016-05-25 12:18:49 查看源网址 阅读数:12 按:本文作者刘之,野狗CEO.野 ...

  5. 轮值CEO胡厚崑:到2025年所有的企业都将用到云(云的2.0时代,会有几千朵云几万朵云升起来,这将产生不同的技术模式、商业模式、思维模式)

    2016年09月04日 07:38 中国经营报   李凡 在全国工商联“2016年中国民营企业500强”排行榜上夺得头把交椅的华为,向外界描绘了面向未来进一步做大做强的路径. 华为创始人任正非于201 ...

  6. Java类加载的时机

    类是什么时候初始化的?类初始化的时候会执行static块,这个是我们知道的.那么我们可以用static块来做个实验. 上面代码输出是: hello worldinitthis is a test这说明 ...

  7. Arrays常用API的事例

    import java.util.ArrayList;import java.util.Arrays;import java.util.List; public class TestArrays { ...

  8. 【转】【已解决】Android中ActionBar中不显示overflow(就是三个点的那个按钮)--不错

    原文网址:http://www.crifan.com/android_actionbar_three_dot_overflow_not_show/ [问题] 折腾: [记录]继续尝试给Android程 ...

  9. 【模拟】NCPC 2014 K Train passengers

    题目链接: http://acm.csu.edu.cn/OnlineJudge/problem.php?id=1797 题目大意: 有N个车站,火车一共可以坐M个人,每个车站下车Ai,上车Bi个人,在 ...

  10. Delphi NativeXml用法攻略

    NativeXml用法攻略 NativeXml可以在官网上下载,下载后将文件夹放在指定地方,打开DELPHI在其环境变量中引用NativeXml路径,然后在程序中引用NativeXml单元,我们就可以 ...