JS的对象

一、对象简介

1、什么是对象?

对象是一种复合的数据类型,在对象中可以存储多个不同数据类型的属性。

2、对象分为三大类:

内建对象

宿主对象

自定义对象

3、什么是内建对象?

内建对象由 ES 标准中定义的对象,在任何 ES 的实现中都可以使用。例如:Math、String、

Number、Boolean.......

4、什么是宿主对象?

宿主对象由 JS 的运行环境提供的对象、目前来讲主要指由浏览器提供的对象。比如:BOM(浏览器对象模型)、DOM(文档对象模型)。

什么是自定义对象?

自定义对象就是由我们开发人员自己定义的对象

5、如何建立数据类型为对象?

在创建对象中使用 new 关键字调用的函数,为构造函数 constructor。构造函数是专门创建对象的函数。

在对象中保存的值称为属性。向对象添加属性的语法:1 对象 . 属性名 = 属性值 ;2、

对象[“属性名”] = 属性值 ;(注意:如果对象中没有的属性,不会报错而是返回 undefined)

添加属性:

删除对象直接使用 delete

查找属性便是在控制台中用点添加要查找的属性

改便是再输入同属性,只是属性值改掉。

二、对象的属性名与属性值

写属性名要符合标识符的规范

标识符的规范:

1、标识符中可以含有字母、数字、下划线、美元符号

2、标识符不能以数字开头

3、标识符不能使用 ES 中的关键字与保留字

4、标识符一般都采用驼峰写法

错误举例如下:

如果非要用数字来命名属性名的话也是可以的,用[“属性名”]的方法来写。

属性值可以是任意的数据类型。

如下:

三、对象的字面量

1、如何使用对象字面量?

使用对象字面量,可以在创建对象时,直接指定对象中的属性。

语法:

{属性名 1:属性值 1;属性名 2:属性值 2........}

对象字面量的属性名可以加引号,也可以不加(建议不加);

如果要使用一些特殊的属性名,则必须添加引号。

属性名与属性值是一组键值对结构,键与值之间用“:”冒号连接,对个键值对之间

使用“ ,”逗号隔开。

如果一个属性之后没有其他属性了,就不要写“ ,”逗号。

例如:

### 回答1: JavaScript对象编程是指使用JavaScript语言创建和操作对象的过程。在JavaScript中,对象是一种复合数据类型,可以包含属性和方法。对象可以通过字面量、构造函数、原型等方式创建。通过对象编程,可以实现面向对象编程的思想,使代码更加模块化、可维护和可扩展。在JavaScript中,对象是非常重要的概念,掌握对象编程是成为一名优秀的JavaScript开发者的必备技能之一。 ### 回答2: JavaScript是一种流行的编程语言,其中面向对象编程(OOP)是其中的重要组成部分。对象JavaScript编程中最重要的概念之一,它是一种数据类型,通过对象可以轻松地组织和管理数据。JS对象包含了一组属性和方法,可以用来描述某个对象的性质和行为。 在JavaScript中,对象是动态创建的。创建对象的方法有很多,其中最简单的就是使用字面量,例如: var person = { name: 'Tom', age: 20, gender: 'male', sayHi: function() { console.log('Hi, my name is ' + this.name + ',I am ' + this.age + ' years old.') } }; 上面的代码定义了一个名为person的对象,该对象具有属性name、age、gender和方法sayHi。使用字面量创建对象的好处是,可以轻松地在代码中定义对象,而无需使用专门的构造函数。 当然,也可以使用构造函数来创建对象,例如: function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; this.sayHi = function() { console.log('Hi, my name is ' + this.name + ',I am ' + this.age + ' years old.') } }; var person = new Person('Tom', 20, 'male'); 上面的代码定义了一个名为Person的构造函数,在创建对象时使用了new关键字来调用该构造函数,返回一个新的person对象。这个对象包含了属性name、age、gender和方法sayHi。 在JavaScript中,对象是可以嵌套的。可以在对象中嵌套其他对象,也可以在对象中嵌套函数,这些函数就是对象的方法。通过对象的嵌套,可以更好地管理数据,使程序更加规范和易于维护。 总之,JavaScript的对象编程是一种强大且灵活的编程方式,通过对象可以轻松地组织和管理数据,从而实现更好的开发效率和代码质量。由于JavaScript的广泛应用,对于对象编程的掌握将有助于开发者更好地掌握这门语言。 ### 回答3: 在JavaScript中,对象是一种基础数据类型,也是语法的重要组成部分。对象是由若干属性构成的,每个属性都是键值对的形式,其中键是字符串类型,值可以是任意的JavaScript数据类型,包括对象。通过定义对象的属性和方法,我们可以在JavaScript中创建功能强大的程序。 JavaScript对象编程有以下几个重要概念: 1. 对象字面量:使用“{}”来定义对象,字符:“:”分割键与值,“,”分割不同键值对。如:var obj = {name: "小明", age: 18}; 2. 访问对象属性:使用“.”操作符访问对象属性。如:obj.name 3. 新增属性:使用“.”或“[]”,如:obj.height = 180; 或 obj['sex'] = 'male'; 4. 删除属性:使用“delete”关键字,如:delete obj.age; 5. 遍历对象属性:使用“for...in...”语句遍历对象属性,如: for(var key in obj) { console.log(key + ": " + obj[key]); } 6. 面向对象编程:JavaScript中也可以实现面向对象编程。定义一个构造函数,然后使用“new”关键字创建对象实例,如: function Person(name, age) { this.name = name; this.age = age; this.sayHello = function () { console.log("Hello, my name is " + this.name + ", I'm " + this.age + " years old."); } } var p = new Person('小明', 18); p.sayHello(); // 输出:Hello, my name is 小明, I'm 18 years old. JavaScript对象编程是非常灵活的,我们可以根据需要动态地定义、操作对象,同时结合面向对象编程,使得JavaScript的代码结构更加清晰有序。掌握好JavaScript对象编程的技巧,可以让我们开发出更高效、更具有扩展性的项目。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值