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();

效果:


相关推荐
想努力找到前端实习的呆呆鸟2 小时前
网易云桌面端--精选歌单布局思路记录
前端·javascript·vue.js
进击的尘埃5 小时前
策略模式和状态模式到底啥区别?拿审批流表单说个明白
javascript
专业抄代码选手5 小时前
在react中,TSX是如何转变成JS的
前端·javascript
进击的尘埃5 小时前
SOLID 原则在 React 组件库里怎么落地:五个重构案例
javascript
本末倒置1836 小时前
Bun 内置模块全解析:告别第三方依赖,提升开发效率
前端·javascript·node.js
进击的尘埃6 小时前
中介者模式:把面板之间的蜘蛛网拆干净
javascript
Hilaku6 小时前
OpenClaw 很爆火,但没人敢聊它的权限安全🤷‍♂️
前端·javascript·程序员
兆子龙8 小时前
React Native 完全入门:从原理到实战
前端·javascript
SuperEugene8 小时前
Vite 实战教程:alias/env/proxy 配置 + 打包优化避坑|Vue 工程化必备
前端·javascript·vue.js
兆子龙8 小时前
一文彻底搞懂 OpenClaw 的架构设计与运行原理(万字长文)
javascript