JS_对象的创建

JS声明对象的语法

通过new Object()直接创建对象

haskell 复制代码
var person =new Object();
// 给对象添加属性并赋值
person.name="张明";
person.age=10;
person.foods=["苹果","橘子","香蕉","葡萄"];
// 给对象添加功能函数
person.eat= function (){
console.log(this.age+"岁的"+this.name+"喜欢吃:")
 for(var i = 0;i<this.foods.length;i++){
console.log(this.foods[i])
}
}
//获得对象属性值
console.log(person.name)
console.log(person.age)
//调用对象方法
person.eat();

效果:


通过 {}形式创建对象

语法为 var person ={"属性名":"属性值","属性名","属性值","函数名":函数}

代码

haskell 复制代码
var person ={
"name":"张小明",
"age":10,
"foods":["苹果","香蕉","橘子","葡萄"],
"eat":function (){
console.log(this.age+"岁的"+this.name+"喜欢吃:")
for(var i = 0;i<this.foods.length;i++){
console.log(this.foods[i])
}
}
}
//获得对象属性值
console.log(person.name)
console.log(person.age)
//调用对象方法
person.eat();

效果:


相关推荐
Heo10 分钟前
深入React19任务调度器Scheduler
前端·javascript·面试
boooooooom18 分钟前
Vue3 nextTick 实现大变化:微任务优先,彻底搞懂渲染时机!
javascript·vue.js·面试
用户144361834009720 分钟前
你不知道的JS上-(九)
前端·javascript
浅念-24 分钟前
C++ 继承
开发语言·c++·经验分享·笔记·学习·算法·继承
新缸中之脑1 小时前
Sonnet 4.6 vs Opus 4.6
java·开发语言
曹牧1 小时前
Java:@RequestBody 和 @RequestParam混合使用
java·开发语言
冴羽1 小时前
2026 年 JavaScript 框架 3 大趋势
前端·javascript·react.js
思茂信息1 小时前
基于CST 3D Combined功能的以太网口RE仿真
开发语言·javascript·单片机·嵌入式硬件·matlab·3d
番茄去哪了1 小时前
Python基础入门(二)
linux·服务器·开发语言·python
一拳不是超人2 小时前
从“必选项”到“性能包袱”:为什么现代框架开始“抛弃”虚拟 DOM?
前端·javascript·架构