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

效果:


相关推荐
菜鸟一枚在这几秒前
深度解析建造者模式:复杂对象构建的优雅之道
java·开发语言·算法
化作繁星7 分钟前
如何在 React 中测试高阶组件?
前端·javascript·react.js
Au_ust14 分钟前
千峰React:函数组件使用(2)
前端·javascript·react.js
阿巴~阿巴~19 分钟前
多源 BFS 算法详解:从原理到实现,高效解决多源最短路问题
开发语言·数据结构·c++·算法·宽度优先
GAMESLI-GIS1 小时前
【WebGL】fbo双pass案例
前端·javascript·webgl
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的二维码生成(QR Code)
前端·javascript·vue.js·ecmascript·deepseek
@LitterFisher1 小时前
Excell 代码处理
前端·javascript·excel
奔跑吧邓邓子2 小时前
【Python爬虫(34)】Python多进程编程:开启高效并行世界的钥匙
开发语言·爬虫·python·多进程
Heris992 小时前
2.22 c++练习【operator运算符重载、封装消息队列、封装信号灯集】
开发语言·c++
----云烟----2 小时前
C/C++ 中 volatile 关键字详解
c语言·开发语言·c++