JS 中对象的创建方法
- 、字面式创建对象
- 、new 操作符 + Object 创建对象
- 、构造函数模式
- 、工厂模式
- 、原型模式
- 、混合模式(构造函数模式+原型模式)
// 字面量创建对象
// var obj = {}; //创建了一个空对象
// var obj = {
// name : ' hong ' ,
// age : 18,
// sxe : '女'
// }
// ——————————————————————————————————————————————————
// 利用 new Object 来创建对象
// var obj = new Object();
// obj.name = 'ming';
// obj.age = 19;
// obj.sxe = '男';
// ____________________________________________
// 利用构造函数创建对象
function Star (name, age, sxe){
this.name = name;
this.age = age;
this.sxe = sxe;
}
var ldh = new Star('刘德华', 17,'男')
console.log(ldh);
在使用构造函数创建对象时
1 、注意是否 是 function Star (){} 的形式 尤其是函数名的首字母要大写
2、就是在调用的时候要加 new
这两点只是普通的知识点 ,但是在实际运用中 确实是 最容易出现问题的
//_________________________________________________
//工厂模式创建
function createObj(n) {
const obj = {
tabs: n + '个 tab', // 记录 tabs 的 DOM元素
bodys: n + '个 body', // 记录 bodys 的 DOM元素
change() {} // 让 点击 tab 显示 指定 body 的事儿 ,发生...
}
return obj;
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南