一.对象的介绍

1.对象的概念

2.对象的属性

3.对象的方法

二.创建对象

1.使用构造函数创建内置对象

2.直接创建自定义对象

3.使用自定义构造函数创建对象

三.对象的属性

1.设置对象的属性

2.存取对象属性

3.属性的枚举

4.删除对象的属性

四.构造函数

1.创建简单的构造函数

2.创建有默认值的构造函数

3.创建有方法的构造函数

五.对象的原型与继承

1.继承与覆盖

2.原型对象

3.修改原型对象

4.储存对象属性

六.Object对象

1.创建Object对象

2.constructor属性：返回对象的构造函数

3.toString方法：对象的字符串表示

4.toLocalString()方法：返回对象的本地字符串表示

5.propertyIsEnumerable()方法：判断是否是该对象的自有属性

6.hasOwnProperty()方法：判断属性是否是继承的

7.isPrototypeOf()方法：判断是否是原型对象

8.valueOf()方法：返回对象的原始值

七.其它系统对象（在使用中熟悉，不作细讲）

一.对象的介绍

1.对象的概念

对象时一种复合型数据类型，可以将很多数据集中在一个单元中。对象通过属性来获取数据集中的数据，也可以通过方法来实现数据的某些功能

2.对象的属性

在JavaScript中，将包含在对象内部的变量称为对象的属性
       设置对象的属性：
       对象名.属性名
       设置对象的属性值：

pen.color="red";pen.price=20;pen.name="钢笔";

取对象的属性值：

 var color=pen.color;var price=pen.price;var name=pen.name;

3.对象的方法

对象是一些数据的集合，在JavaScript中，函数也是一种特殊的数据，因此，对象中也可以包含一些函数，这些函数称为对象的方法
对象的方法的定义及调用：

  var pen={writ:document.write("wo shi sha bi"),name:"sb"}pen.writ();

上述代码段输出 wo shi sha bi

二.创建对象

1.使用构造函数创建内置对象

使用new运算符来调用构造函数创建对象
例如：

 var myobject=new Object();var arr1=new Array();var arr2=new Array(3);var arr3=new Array(1,2,3,4);

2.直接创建自定义对象

 var 对象名={属性名1:属性值1,属性名2:属性值2,...};

肥肠煎蛋，不作赘述

3.使用自定义构造函数创建对象

先自定义一个构造函数，然后像使用new调用内置构造函数一样调用即可
例如：

  function pen(name,color){this.name=name;this.color=color;}var pen1=new pen("小钢炮","玫瑰金");document.write(pen1.name+"<br>");document.write(pen1.color);

上述代码段输出小钢炮
玫瑰金

三.对象的属性

1.设置对象的属性

对于系统内置对象，在其构造函数中就已经设置了对象的属性，只有自定义对象需要设置属性
       （1）在创建对象的同时设置对象的属性，如：一.2
       （2）在创建对象构造函数时设置对象的属性如：二.3
       （3）先创建一个空对象，再设置对象属性
           例如：

var pen=new Object;pen.name="小钢炮"：pen.color="土豪金";document.write(pen1.name+"<br>");document.write(pen1.color);

上述代码段输出小钢炮
土豪金

2.存取对象属性

详见：一.2

3.属性的枚举

语法：

 for(变量 in 对象名)

例如：

  var pen=new Object();pen.name="小钢炮";pen.color="远峰蓝";for(var i in pen){document.write(pen[i]+"<br>");}

上述代码段输出小钢炮
远峰蓝

4.删除对象的属性

语法：

delete 对象名.属性名;

删除之后，该属性将不再属于该对象，若再次读取该属性，将返回undefined
例如：

  var pen=new Object();pen.name="小钢炮";pen.color="远峰蓝";delete pen.name;document.write(pen.name+"<br>");for(var i in pen){document.write(pen[i]+"<br>");}

上述代码段输出 undefined
远峰蓝

四.构造函数

1.创建简单的构造函数

详见：二.3

2.创建有默认值的构造函数

例如：

function pen(name,color){this.name=name;if(this.color==undefined)this.color="夕阳红";elsethis.color=color;}var pen1=new pen("大钢炮");for(var i in pen1)document.write(pen1[i]+"<br>");

上述函数输出大钢炮
夕阳红

3.创建有方法的构造函数

与对象的属性一样，在构造函数里也需要使用this运算符来初始化对象的方法
例如：

 function write(str){document.write(str);}function pen(name,color){this.name=name;this.color=color;this.write=write;}var pen1=new pen("大钢炮","夕阳红");document.write(pen1.name+"<br>");document.write(pen1.color+"<br>");pen1.write("wo shi sha bi");

上述函数输出   大钢炮
                   夕阳红
                   wo shi sha bi

五.对象的原型与继承

1.继承与覆盖

对象可以继承类的所有方法和属性，但如果对象的属性和方法内容与类中的不一样时，对象的方法和属性会覆盖类中的方法和属性

2.原型对象

原型对象是由构造函数所定义的，构造函数创建的对象拥有原型对象的所有属性与方法

3.修改原型对象

在js中，所有函数都有一个prototype属性，该属性可以引用一个原型对象，通过该属性，可以修改原型对象的属性
例如：

 function pen(color,name){this.name=name;this.color=color;}pen.prototype.price="100";var pen1=new pen("土豪金","小钢炮");for(var i in pen1){document.write(pen1[i]+"<br>");}

上述函数输出   小钢炮
                   土豪金
                   100

四.javascript对象相关推荐

JavaScript基础——第四章，JavaScript对象及初识面向对象
文章目录 JavaScript对象及初识面向对象 1.对象 1.1 对象的概念 1.2 内置对象 1.3 自定义对象 1.3.1 操作符new创建对象 1.3.2 使用字面量赋值的方式定义对象 2.构 ...
我对javascript对象的理解
前言 JavaScript这门语言除了基本类型都是对象,可以说JavaScript核心就是对象,因此理解JavaScript对象及其种种特性至关重要,这是内功.本文介绍了我对es5对象,原型, 原型链 ...
通过属性值从对象数组中获取JavaScript对象[重复]
本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...
重学前端-学习笔记-JavaScript对象
说明重学前端是程劭非(winter)在极客时间开的一个专栏,在此主要整理我的学习笔记.如有侵权,请联系我,谢谢. javascript对象特征对象具有唯一标识性:完全相同的两个对象,也不是同一个对 ...
如何判断Javascript对象是否存在
Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...
JavaScript 对象所有API解析【2020版】
写于 2017年08月20日,虽然是2017年写的文章,但现在即将2020年依旧不过时,现在补充了2019年新增的ES10 Object.fromEntries().发到公众号申明原创.若川顺便在此提 ...
javascript对象包含哪些要素_让人迷糊的JavaScript对象（Object一）
对于很多初学的小伙伴听到JavaScript内置对象.BOM.DOM.WEB API等关键词基本上都是迷糊,不是很明白他们之间的关系,以及他们是如果建立联系的.虽然我们现在小伙伴在学VUE,React ...
javascript小技巧JavaScript[对象.属性]集锦
如果你找的javascript的东西的话,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!! 事件源对象 event.srcEleme ...
JavaScript（三）—— JavaScript 函数/JavaScript 作用域/JavaScript 预解析/JavaScript 对象
本篇为 JavaScript 系列笔记第三篇,将陆续更新 JavaScript(一)-- 初识JavaScript/注释/输入输出语句/变量/数据类型 JavaScript(二)-- JavaScri ...

四.javascript对象

一.对象的介绍

1.对象的概念

2.对象的属性

3.对象的方法

二.创建对象

1.使用构造函数创建内置对象

2.直接创建自定义对象

3.使用自定义构造函数创建对象

三.对象的属性

1.设置对象的属性

2.存取对象属性

3.属性的枚举

4.删除对象的属性

四.构造函数

1.创建简单的构造函数

2.创建有默认值的构造函数

3.创建有方法的构造函数

五.对象的原型与继承

1.继承与覆盖

2.原型对象

3.修改原型对象

四.javascript对象相关推荐

最新文章

热门文章