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

效果:


相关推荐
青光键主17 分钟前
C语言内功强化之const修饰指针
c语言·开发语言
骷大人42 分钟前
php安装skywalking_agent
开发语言·php·skywalking
盼哥PyAI实验室1 小时前
从搭建到打磨:我的纯前端个人博客开发复盘
前端·javascript
恋恋西风1 小时前
Qt 打开文件列表选择文件,实现拖拽方式打开文件,拖拽加载
开发语言·qt
闲人编程1 小时前
使用Python进行量化交易入门
开发语言·python·统计分析·lambda·量化·codecapsule
嘉琪0011 小时前
vue3+ts面试题(一)JSX,SFC
前端·javascript·react.js
何贤2 小时前
🪐 行星科技概念官网!Hero Section 回归!(Three.js ✨)
前端·javascript·three.js
拉不动的猪2 小时前
深入理解 JavaScript 中的静态属性、原型属性与实例属性
前端·javascript·面试
linda26182 小时前
链接形式与跳转逻辑总览
前端·javascript
移远通信2 小时前
常见问题解答
开发语言·php