javascript对象

一、 JavaScript 对象定义

1、在 JavaScript 中,几乎“所有事物”都是对象。

布尔是对象(如果用 new 关键词定义)

数字是对象(如果用 new 关键词定义)

字符串是对象(如果用 new 关键词定义)

日期永远都是对象

算术永远都是对象

正则表达式永远都是对象

数组永远都是对象

函数永远都是对象

对象永远都是对象

所有 JavaScript 值,除了原始值,都是对象。

2、原始值和原始数据

原始值指的是没有属性或方法的值。

原始数据类型指的是拥有原始值的数据。JavaScript 定义了 5 种原始数据类型:string、number、boolean、null、undefined

原始值是一成不变的(它们是硬编码的,因此不能改变)。假设 x = 3.14,能够改变 x 的值,但是无法改变 3.14 的值。

3、对象是包含变量的变量

JavaScript 变量能够包含单个的值,但是对象能够包含很多值。值按照名称 : 值对的形式编写(名称和值以冒号分隔)。

如:var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

JavaScript 对象是命名值的集合。

二、 JavaScript 对象属性

JavaScript 对象是命名值的集合。JavaScript 对象中的命名值,被称为属性。无序属性。属性通常可以被修改、添加和删除,但是某些属性是只读的。

1、访问 JavaScript 属性

访问对象属性的语法是:objectName.property             // person.age

或者:objectName["property"]          // person["age"]

或者:objectName[expression]         // x = "age"; person[x]

表达式必须计算为属性名。

2、for...in 循环遍历对象属性

for (variableinobject) {要执行的代码}    

for...in 循环中的代码块会为每个属性执行一次。

3、添加属性

通过简单的赋值向已存在的对象添加新属性。

person.nationality = "English";

4、删除属性

delete 关键词从对象中删除属性。delete person.age;

delete 关键词会同时删除属性的值和属性本身。删除完成后,属性在被添加回来之前是无法使用的。

delete 操作符被设计用于对象属性。它对变量或函数没有影响。

delete 操作符不应被用于预定义的 JavaScript 对象属性,这样做会使应用程序崩溃。

5、属性值

所有属性都有名称和值。

属性的特性:值、可列举、可配置、可写。这些特性定义了属性被访问的方式(是可读还是可写)

在 JavaScript 中,所有属性都是可读的,但是只有值是可修改的(只有当属性为可写时)。

6、原型属性

JavaScript 对象继承了它们的原型的属性。

delete 关键词不会删除被继承的属性,但是如果删除了某个原型属性,则将影响到所有从原型继承的对象。

三、 JavaScript 对象方法

方法是可以在对象上执行的动作。对象属性可以是原始值、其他对象以及函数。对象方法是包含函数定义的对象属性(即存储为对象属性的函数)。

1、this 关键词

在 JavaScript 中,被称为 this 的事物,指的是拥有该 JavaScript 代码的对象。

this 的值,在函数中使用时,是“拥有”该函数的对象。请注意 this 并非变量。它是关键词。无法改变 this 的值。

fullName : function() {  return this.firstName + " " + this.lastName;}

2、创建对象方法:

methodName: function() {代码行}

3、访问对象方法:

objectName.methodName()

属性在被通过 () 调用后会以函数形式执行。

4、使用对象的内建方法

var message = "Hello world!";

var x = message.toUpperCase();

5、添加新的方法

向对象添加方法是在构造器函数内部完成的

四、 JavaScript 对象访问器

Getter 和 Setter 允许定义对象访问器(被计算的属性)。

1、JavaScript Getter(get 关键词)

使用 lang 属性来获取 language 属性的值

2、JavaScript Setter(set 关键词)

使用 lang 属性来设置 language 属性的值

3、JavaScript 函数和 Getter的区别

函数以函数形式访问 fullName:person.fullName()。

get关键词以属性形式访问 fullName:person.fullName。

Getter 和 Setter提供了更简洁的语法,允许属性和方法的语法相同,可以确保更好的数据质量,有利于后台工作。

4、数据质量

使用 getter 和 setter 时,JavaScript 可以确保更好的数据质量。

五、 JavaScript 对象构造器

1、对象类型(蓝图)(类)

有时需要创建相同“类型”的许多对象的“蓝图”。创建一种“对象类型”的方法,是使用对象构造器函数

函数 Person() 就是对象构造器函数。

通过 new 关键词调用构造器函数可以创建相同类型的对象:var myFather = new Person("Bill", "Gates", 62, "blue");

2、this 关键词

this 的值,在对象中使用时,就是对象本身。在构造器函数中,this 是没有值的。它是新对象的替代物。 当一个新对象被创建时,this 的值会成为这个新对象。

3、添加对象属性

myFather.nationality = "English";

4、添加对象方法

myFather.name = function () {  return this.firstName + " " + this.lastName;  };

5、为构造器添加属性

无法直接为对象构造器添加新属性,必须添加到构造器函数内部,这样对象属性就可以拥有默认值。

6、为构造器添加方法

无法直接为对象构造器添加新方法,必须添加到构造器函数内部。

My friend's last name is Jobs

7、内建 JavaScript 构造器

JavaScript 提供用于原始对象的构造器。

var x1 = new Object();// 一个新的 Object 对象。使用对象字面量 {} 代替

var x2 = new String();// 一个新的 String 对象。使用字符串字面量 "" 代替

var x3 = new Number();// 一个新的 Number 对象。使用数值字面量代替

var x4 = new Boolean();// 一个新的 Boolean 对象。使用布尔字面量代替

var x5 = new Array();// 一个新的 Array 对象。使用数组字面量 []代替

var x6 = new RegExp();// 一个新的 RegExp 对象。使用模式字面量代替

var x7 = new Function();// 一个新的 Function 对象。使用函数表达式 () {} 代替

var x8 = new Date();// 一个新的 Date 对象

Math() 对象不再此列。Math 是全局对象。new 关键词不可用于 Math。

六、 JavaScript 对象原型

所有 JavaScript 对象都从原型继承属性和方法。

日期对象继承自 Date.prototype。数组对象继承自 Array.prototype。Person 对象继承自 Person.prototype……

Object.prototype 位于原型继承链的顶端:日期对象、数组对象和 Person 对象都继承自 Object.prototype。

1、向对象添加属性和方法

向所有给定类型的已有对象添加新属性(或方法)。

向对象构造器添加新属性(或方法)。

①使用 prototype 属性

JavaScript prototype 属性允许为对象构造器添加新属性:

JavaScript prototype 属性也允您为对象构造器添加新方法:

注意:请只修改自己的原型。绝不要修改标准 JavaScript 对象的原型。

七、 JavaScript ES5 对象方法

1、ES5 新的对象方法
Object.defineProperty(object, property, descriptor);// 添加或更改对象属性

Object.defineProperties(object, descriptors);// 添加或更改多个对象属性

Object.getOwnPropertyDescriptor(object, property);// 访问属性

Object.getOwnPropertyNames(object);// 以数组返回所有属性

Object.keys(object);// 以数组返回所有可枚举的属性

Object.getPrototypeOf(object);// 访问原型

Object.preventExtensions(object);// 阻止向对象添加属性

Object.isExtensible(object);// 如果可将属性添加到对象,则返回 true

Object.seal(object);// 防止更改对象属性(而不是值)

Object.isSealed(object);// 如果对象被密封,则返回 true

Object.freeze(object);// 防止对对象进行任何更改

Object.isFrozen(object);// 如果对象被冻结,则返回 true

2、更改元数据

ES5 允许更改以下属性元数据:

writable : true// 属性值可修改

enumerable : true// 属性可枚举

configurable : true// 属性可重新配置

writable : false// 属性值不可修改

enumerable : false// 属性不可枚举

configurable : false// 属性不可重新配置

      Object.defineProperty(person, "language", {writable:false}); //使语言为只读

3、ES5 允许更改 getter 和 setter:

get: function() { return language } // 定义 getter

set: function(value) { language = value } // 定义 setter

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容