JavaScript的类和构造函数

简介: JavaScript的类和构造函数前面一篇博客,我们说到了对象,总结一下就是对象是包含属性和方法的容器。当然说到对象有个问题绕不过,那就是类,当然在es5里边并没有类的概念,但是在这里边有构造函数,可以创建类似于类的函数,说到类我们要知道,类是一种抽象的概念,类似于工厂,模板。然后对象是一具体的一个实例,当然对象可以是类的一个具体实例。接下来接单的说一下“类”和构造函数。 // 对象是指 具体到一个实体 // 类 是抽象的概念 模板 工厂 // 类名一般要大写 // 语法:function 类名(){ // 类的属性和方法(构造

JavaScript的类和构造函数



前面一篇博客,我们说到了对象,总结一下就是对象是包含属性和方法的容器。当然说到对象有个问题绕不过,那就是类,当然在es5里边并没有类的概念,但是在这里边有构造函数,可以创建类似于类的函数,说到类我们要知道,类是一种抽象的概念,类似于工厂,模板。然后对象是一具体的一个实例,当然对象可以是类的一个具体实例。接下来接单的说一下“类”和构造函数。


 

// 对象是指 具体到一个实体// 类 是抽象的概念  模板 工厂// 类名一般要大写// 语法:function 类名(){//     类的属性和方法(构造函数)// }// 创建/定义一个 人 类functionPerson(name,sex,age,hobby){
this.name=name;
this.sex=sex;
this.age=age;
this.hobby=hobby;
    }
// 创建一个类的实例varliming=newPerson("李明","男",40,function(){console.log("我喜欢讲英语")});
console.log(liming);
varzhangsan=newPerson("张三","男",35,function(){console.log("老张")});
console.log(zhangsan);
// var obj=new Object();// 通过原型在类里边添加 属性 方法functionStudents(name,age){
this.name=name;
this.age=age;
    }
Students.prototype.jieshao=function(){
console.log("我叫"+this.name);
    }
varsanpao=newStudents("三炮",20);
console.log(sanpao);
sanpao.jieshao();


这篇博客并没有过多的去讲解类,后面ES6中我们会详细的讲解 类 的概念,但是在这里要知道一个问题,那就是只要遇到使用 "new"这个关键字创建的实例,都是使用的构造函数。


视频讲解链接:
https://www.bilibili.com/video/BV1iv411z72w


相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
JavaScript 类(class)
JavaScript 类(class)
22 2
JavaScript 类(class)
|
2月前
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-构造函数(也称为"类")定义
本文介绍了JavaScript中构造函数(也称为“类”)的定义和使用方法。
35 1
JavaScript基础知识-构造函数(也称为"类")定义
|
2月前
|
JavaScript 前端开发 开发者
JavaScript 类继承
JavaScript 类继承
19 1
|
2月前
|
JavaScript 安全
ES6中JS类实现的解读
ES6中JS类实现的解读
22 2
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JS中Promise的类式实现写法
JS中Promise的类式实现写法
|
1月前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的对象与类
深入理解JavaScript中的对象与类
16 0
|
2月前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
|
3月前
|
JavaScript 前端开发
记录Javascript数组类练习
记录Javascript数组类练习