js创建对象的几种方式?
1、简单对象的创建
使用对象字面量的方式{}
创建一个对象(最简单,好理解,推荐使用)
代码如下
let Cat = {}; //JSON
Cat.name="kity"; //添加属性并赋值
Cat.age=2;
Cat.sayHello=function(){
alert("hello "+Cat.name+",今年"+Cat["age"]+"岁了");//可以使用“.”的方式访问属性,也可以使用 HashMap 的方式访问
}
Cat.sayHello();//调用对象的(方法)函数
2、用 function(函数)来模拟 class
2.1, 创建一个对象,相当于 new 一个类的实例(无参构造函数)
代码如下
function Person(){}
let personOne=new Person();//定义一个 function,如果有 new 关键字去"实例化",那么该 function 可以看作是一个类
personOne.name="dylan";
personOne.hobby="coding";
personOne.work=function(){
alert(personOne.name+" is coding now...");
}
personOne.work();
2.2,可以使用有参构造函数来实现,这样定义更方便,扩展性更强(推荐使用)
代码如下
function Pet(name,age,hobby){
this.name=name;//this 作用域:当前对象
this.age=age;
this.hobby=hobby;
this.eat=function(){
alert("我叫"+this.name+",我喜欢"+this.hobby+",也是个吃货");
}
}
let maidou =new Pet("麦兜",5,"睡觉");//实例化/创建对象
maidou.eat();//调用 eat 方法(函数)
3、使用工厂方式来创建(Object 关键字)
代码如下
let wcDog =new Object();
wcDog.name="旺财";
wcDog.age=3;
wcDog.work=function(){
alert("我是"+wcDog.name+",汪汪汪......");
}
wcDog.work();
4、使用原型对象的方式 prototype 关键字
代码如下
function Dog(){}
Dog.prototype.name="旺财";
Dog.prototype.eat=function(){
alert(this.name+"是个吃货");
}
let wangcai =new Dog();
wangcai.eat()
5、混合模式(原型和构造函数)
代码如下
function Car(name,price){
this.name=name;
this.price=price;
}
Car.prototype.sell=function(){
alert("我是"+this.name+",我现在卖"+this.price+"万元");
}
let camry =new Car("凯美瑞",27);
camry.sell();
6、动态原型的方式(可以看作是混合模式的一种特例)
代码如下
function Car(name,price){
this.name=name;
this.price=price;
if(typeof Car.sell=="undefined"){
Car.prototype.sell=function(){
alert("我是"+this.name+",我现在有"+this.price+"万元");
}
Car.sell=true;
}
}
let camry =new Car("大富翁",500);
camry.sell();
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具