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


相关文章
|
11月前
|
JavaScript 前端开发
JS中的构造函数的含义和用法
构造函数是JavaScript中用于创建新对象的特殊函数,通常首字母大写。通过`new`关键字调用构造函数,可以初始化具有相同属性和方法的对象实例,从而实现代码复用。例如,定义一个`Person`构造函数,可以通过传入不同的参数创建多个`Person`对象,每个对象都有自己的属性值。此外,构造函数还可以包含方法,使每个实例都能执行特定的操作。构造函数的静态属性仅能通过构造函数本身访问。ES6引入了`class`语法糖,简化了类的定义和实例化过程。
177 1
|
11月前
|
存储 前端开发 JavaScript
JavaScript常用的内置构造函数
JavaScript提供的内置构造函数在数据处理、对象创建、异常处理和异步操作等方面发挥了重要作用。掌握这些构造函数及其用法,对于开发高效、可靠的JavaScript应用至关重要。通过合理使用这些内置构造函数,开发者可以更好地管理和操作各种类型的数据,提升开发效率和代码质量。
113 1
|
Web App开发 JavaScript 前端开发
JavaScript 类(class)
JavaScript 类(class)
98 2
JavaScript 类(class)
|
JavaScript 前端开发
JavaScript基础知识-构造函数(也称为"类")定义
本文介绍了JavaScript中构造函数(也称为“类”)的定义和使用方法。
138 1
JavaScript基础知识-构造函数(也称为"类")定义
|
JavaScript 前端开发 开发者
JavaScript 类继承
JavaScript 类继承
75 1
|
JavaScript 安全
ES6中JS类实现的解读
ES6中JS类实现的解读
86 2
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
JavaScript 前端开发
JS中Promise的类式实现写法
JS中Promise的类式实现写法
|
JavaScript 前端开发 索引
|
12月前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的对象与类
深入理解JavaScript中的对象与类
90 0

热门文章

最新文章