JavaScript 进阶基础:对象与 Math 的实际用法总结
目录一、对象1. 一个简单对象二、对象的属性1. 如何访问属性2. 动态添加属性三、对象的方法1. 定义方法2. 调用方法3. 动态添加方法四、对象的一个坑五、遍历对象for...in⚠️ 注意点六、null 的理解一个有意思的点七、内置对象Math1. 常用属性2. 常用方法1随机数2取整3最大 / 最小值4幂和平方根八、一个实用场景随机数区间九、总结1. 对象2. 属性 方法3. 操作对象4. Math一、对象对象是 JavaScript 数据类型的一种之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。1. 一个简单对象let person { name: 小明, age: 18, height: 185, gender: 男 }可以这样理解对象 属性 方法二、对象的属性属性就是描述信息一般是“名词”。1. 如何访问属性person.name // 小明 person[age] // 18 两种方式.最常用[]更灵活比如属性名是变量2. 动态添加属性let user {} user.name 小明 user[age] 18 这个在实际开发中非常常见比如接口数据拼装动态扩展对象三、对象的方法如果属性是“数据”那方法就是“行为”。本质上方法 放在对象里的函数1. 定义方法let person { name: 小红, run: function () { console.log(我在跑步) } }2. 调用方法person.run() 注意一定要加()3. 动态添加方法let user {} user.move function () { console.log(移动中...) }四、对象的一个坑let obj { name: 小明, name: 小红 } 结果obj.name // 小红后面的会覆盖前面的。五、遍历对象for...inlet obj { name: pink, age: 20 } for (let k in obj) { console.log(k) // 属性名 console.log(obj[k]) // 属性值 }⚠️ 注意点k是字符串用obj[k]访问值不推荐用来遍历数组容易出问题六、null 的理解let obj null 表示“这里本来应该是一个对象但现在没有”一个有意思的点typeof null // object 这是 JS 的历史遗留问题不用深究记住就行。七、内置对象MathJavaScript 已经帮我们内置了很多工具其中最常用的就是Math1. 常用属性Math.PI // 圆周率2. 常用方法1随机数Math.random() 生成 0 ~ 1 的随机数2取整Math.ceil(3.2) // 向上取整 → 4 Math.floor(3.9) // 向下取整 → 3 Math.round(3.5) // 四舍五入 → 43最大 / 最小值Math.max(10, 20, 5) // 20 Math.min(10, 20, 5) // 54幂和平方根Math.pow(2, 3) // 8 Math.sqrt(16) // 4八、一个实用场景随机数区间比如生成 1~10let num Math.floor(Math.random() * 10) 1九、总结1. 对象用来描述“一个东西”本质是键值对集合2. 属性 方法属性 → 数据方法 → 行为函数3. 操作对象增obj.xxx value查./[]遍历for...in4. Math随机数最常用取整最大最小值幂运算