JavaScript(三)类和对象
admin
2024-03-08 22:50:15
0

JavaScript类

类是创建对象的模版,使用class来创建一个类,类中包含一个特殊方法constructor(),它是类的构造方法,用于创建和初始化一个由class创建的对象,如果不添加JavaScript会自动添加一个空的构造方法。
创建类的语法格式

class ClassName{constructor(){}
}

创建一个Person类

//创建类
class Person{constructor(name,sex){//初始化属性name、sexthis.name = name;this.sex = sex;}
}

类表达式

类表达式是定义类的另一种方法。

var Person = class{constructor(name,sex){this.name = name;this.sex = sex;}
}
var User = class User{constructor(name,sex){this.name = name;this.sex = sex;}
}

使用类

可以使用关键字new来根据定义的类创建对象。创建对象会自动调用类的构造函数constructor()

//定义类
class Person{constructor(name,sex){this.name = name;this.sex = sex;}
}
//创建对象
var p = new Person('zqq','男');

类的方法

JavaScript类可以有一个constructor()方法和任意数量的其他方法

class Person{constructor(name,sex){this.name = name;this.sex = sex;}run(){console.log(name + ' is running====');}
}
var p = new Person('zqq','男');
p.run();

类继承

JavaScript使用extends关键字来继承类

//父类
class Animal{constructor(name){this.name = name;}eat(){console.log('eat food====');   }
}class Dog extends Animal{constructor(name,color){super(name);this.color = color;}
}
var dog = new Dog('狗狗','黑色');
console.log(dog.name);
dog.eat();

静态方法

JavaScript静态方法是使用static关键字修饰的方法,又叫类方法,属于类,不属于对象,可以使用类名.方法名调用。

class Person{constructor(name){this.name = name;}//定义静态方法static say(){console.log('Hello World');}
}
//调用静态方法
Person.say();

JavaScript对象

JavaScript中所有事物都是对象:字符串、数值、数组等。并且JavaScript允许自定义对象。对象是一种拥有属性方法的特殊数据。

创建对象

创建对象有两种方法

  1. 使用Object定义并创建对象实例
  2. 使用函数来定义对象,然后创建新的对象实例

使用Object

var person = new Object();
person.name = 'zqq';
person.age = 18;
console.log(person.name);

使用函数

function person(name,age){this.name = name;this.age = age;this.say = function(){console.log('Hello World');}
}
var p = new person('zqq',18);
console.log(p.name);
p.say();

相关内容

热门资讯

餐饮食材迈入生存竞争时代,华鼎... 【大河财立方 记者 丁洋涛】净利润率跌破3%、闭店率逼近50%、食材采购成本三年累涨22%……当餐饮...
段永平“举牌”泡泡玛特 普通人... 5月28日,泡泡玛特股价经历近一个月的震荡调整后,终于迎来了一次上涨。早盘涨幅一度逼近7%。截至收盘...
格隆汇公告精选︱*ST海利:拟... 【热点】 合锻智能(603011.SH):不涉及AI算力业务 沃格光电(603773.SH):在泛半...
因合规风控流于形式等违规行为,... 来源:滚动播报 (来源:北京商报) 北京商报讯(记者 刘宇阳 实习生 王思奕)5月28日,吉林证监局...
“易中天”股价盘中均创历史新高... 5月28日,A股三大指数集体收涨。截至收盘,沪指报4098.64点,涨0.12%;深证成指报1586...
从受制于人到填补全球空白,深圳... 【大河财立方 记者 王宇】5月28日,主题为“奋进‘十五五’民企勇担当”的国务院新闻办“新征程上的奋...
广州房贷“减负”:多家银行“商... 每经记者|陈荣浩 每经编辑|黄胜 5月26日,广州住房公积金管理中心发布《广州商业性个人住房贷款转...
2026年北京高端家庭服务市场... 引言 步入2026年,北京家庭服务市场正经历从“劳动力密集型”向“专业能力驱动型”的深刻变革。随着高...
亚马逊员工刷AI数据致算力成本... 亚马逊近日关闭了一项内部AI使用量排行榜。此前员工为冲排名、刻意刷高AI调用量,导致公司算力成本激增...
聚势AI向新 深圳加速构建产融... 上证报中国证券网讯(记者 徐潇潇)5月28日,记者在2026年第四届香蜜湖财富管理论坛了解到,本届论...
阿里语音大模型登顶Speech... 【太平洋科技快讯】据报道,在全球权威AI评测平台Artificial Analysis的Speech...
AI产业保险落地,真就利好赛道... 本篇为大家准备了5条要闻,都是近期大家关注度比较高的内容,看完能理清近期的产业和市场动向。一、要闻导...
智象未来CEO:多模态模型To... 【CNMO科技消息】5月28日,据36氪报道,智象未来CEO梅涛称:智象未来做的是全球唯三、能够达到...
原创 人... 国家统计局2026年1月19日交出了一份让人心情复杂的成绩单。2025年全年出生人口792万人,人口...
咽东西总觉得有个坎儿?半个月还... 很多人都有过这样的经历:吃饭时,感觉食物经过胸口某个地方“顿了一下”或“卡了一下”,好像被什么挡住似...
原创 A... A股市场正上演一场冰与火之歌。 一边是通信、电子等科技板块高歌猛进,另一边是消费、金融等传统行业持续...
原创 5... 2026年5月28日,国内黄金价格继续走低,现货黄金跌至每克986元,中国黄金的基础金价报985.7...
抖音生活服务开放日:打造所见即... 5月27日,抖音生活服务举办“2026年服务体验与治理开放日”活动,分享平台在消费者权益保护与体验提...