js的对象以及属性和方法(详解)

您所在的位置：网站首页 › js修改对象属性的位置 › js的对象以及属性和方法(详解)

js的对象以及属性和方法(详解)

2024-07-16 00:31| 来源: 网络整理| 查看: 265

文章目录前言一、关于对象1. 语法2.属性和访问3.方法和调用总结

前言

对象是 JavaScript 数据类型的一种，我之前分享了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。

提示：以下是本篇文章正文内容，下面案例可供参考

一、关于对象 1. 语法

声明一个对象类型的变量与之前声明一个数值或字符串类型的变量没有本质上的区别。

JavaScript 基础 - 对象语法 // 声明字符串类型变量 let str = 'hello world!'; // 声明数值类型变量 let num = 199; // 声明对象类型变量，使用一对花括号 // user 便是一个对象了，目前它是一个空对象 let user = {} 2.属性和访问

数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的。

属性都是成对出现的，包括属性名和值，它们之间使用英文 : 分隔多个属性之间使用英文 , 分隔属性就是依附在对象上的变量属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等 JavaScript 基础 - 对象语法 // 通过对象描述一个人的数据信息 // person 是一个对象，它包含了一个属性 name // 属性都是成对出现的，属性名和值，它们之间使用英文 : 分隔 let person = { name: '小明', // 描述人的姓名 age: 18, // 描述人的年龄 stature: 185, // 描述人的身高 gender: '男', // 描述人的性别 };

声明对象，并添加了若干属性后，可以使用 . 或 [] 获得对象中属性对应的值，我称之为属性访问。

JavaScript 基础 - 对象语法 // 通过对象描述一个人的数据信息 // person 是一个对象，它包含了一个属性 name // 属性都是成对出现的，属性名和值，它们之间使用英文 : 分隔 let person = { name: '小明', // 描述人的姓名 age: 18, // 描述人的年龄 stature: 185, // 描述人的身高 gender: '男', // 描述人的性别 }; // 访问人的名字 console.log(person.name); // 结果为小明 // 访问人性别 console.log(person.gender); // 结果为男 // 访问人的身高 console.log(person['stature']); // 结果为 185 // 或者 console.log(person.stature); // 结果同为 185

扩展：也可以动态为对象添加属性，动态添加与直接定义是一样的，只是语法上更灵活。

JavaScript 基础 - 对象语法 // 声明一个空的对象（没有任何属性） let user = {}; // 动态追加属性 user.name = '小明'; user['age'] = 18; // 动态添加与直接定义是一样的，只是语法上更灵活 3.方法和调用

数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。

方法是由方法名和函数两部分构成，它们之间使用 : 分隔多个属性之间使用英文 , 分隔方法是依附在对象中的函数方法名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等 JavaScript 基础 - 对象方法 // 方法是依附在对象上的函数 let person = { name: '小红', age: 18, // 方法是由方法名和函数两部分构成，它们之间使用 : 分隔 singing: function () { console.log('两只老虎，两只老虎，跑的快，跑的快...'); }, run: function () { console.log('我跑的非常快...') } }

声明对象，并添加了若干方法后，可以使用 . 或 [] 调用对象中函数，我称之为方法调用。

JavaScript 基础 - 对象方法 // 方法是依附在对象上的函数 let person = { name: '小红', age: 18, // 方法是由方法名和函数两部分构成，它们之间使用 : 分隔 singing: function () { console.log('两只老虎，两只老虎，跑的快，跑的快...'); }, run: function () { console.log('我跑的非常快...') } } // 调用对象中 singing 方法 person.singing(); // 调用对象中的 run 方法 person.run(); // 或者 person['run'](); // 不常见了解，忘掉都行

扩展：也可以动态为对象添加方法，动态添加与直接定义是一样的，只是语法上更灵活。

JavaScript 基础 - 对象方法 // 声明一个空的对象（没有任何属性，也没有任何方法） let user = {}; // 动态追加属性 user.name = '小明'; user.['age'] = 18; // 动态添加方法 user.move = function () { console.log('移动一点距离...') } // 或者 user['crying'] = function () { console.log('伤心的哭了起来...') } 总结

注：无论是属性或是方法，同一个对象中出现名称一样的，后面的会覆盖前面的

【本文地址】

js的对象以及属性和方法(详解)

js的对象以及属性和方法(详解)

今日新闻

推荐新闻