JavaScript中class和构造函数的区别

最新推荐文章于 2024-08-04 16:33:59 发布
最新推荐文章于 2024-08-04 16:33:59 发布
阅读量454 收藏 12
点赞数 7
文章标签： 开发语言 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52192844/article/details/134157414
版权
  •  构造函数的方式可以将构造函数当作普通函数来调用，但是 class 方式不可以
  • class 的方式在进行枚举的时候，不会枚举出原型上面的成员,因为 class 的方式，enumable 默认是 false
  • class 内部的代码默认都是严格模式，在严格模式下面，是不支持重复参数的。
  • class 上面的原型方法无法使用 new

总结:class 的方式更加严谨，更加规范，更加的面向对象

小小进步
关注
  • 7
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
详解Javascript 中的 class、构造函数、工厂函数
10-18
在JavaScript中，创建对象有多种方式，其中包括class关键字、构造函数和工厂函数。这些方法虽然在功能上有所重叠，但各自有其特点和适用场景。 **Class关键字**： ES6引入的`class`关键字是一种更简洁、面向对象的...
JavaScript 原型继承之构造函数继承
10-28
- 这种方法通过在子类构造函数中调用父类构造函数来实现继承。子类会拥有父类的所有属性和方法，但这种方式并不常见，因为它可能导致父类的构造函数被多次调用，且不利于优化。 2. **call/apply方法**： - `call`...
js Class 与 普通构造函数有何区别
q515656712的博客
03-22 2304
一、js构造函数 let myCanvas = this.$refs.myCanvas var ctx = myCanvas.getContext('2d') function Circle (x, y, r, color) { this.x = x this.y = y this.r = r th...
没有合适的默认构造函数可用_前端面试必备：JavaScript中构造函数与class的区别总结
weixin_39747975的博客
12-01 279
一、构造函数首先，构造函数其实就是JavaScript程序中定义好的函数,我们可以直接使用。构造函数实际也是一种函数,它是专门用于生成定义对象,通过构造函数生成的对象,称为实例化对象。构造函数分为两种,一种是JavaScript程序定义好的构造函数,我们成为称为内置构造函数,另外一种是程序员自己定义的构造函数,称为自定义构造函数。构造函数虽然也是一种函数，但是和普通函数是区别的：　1、构造函数一定...
构造函数和class的区别
yiyueqinghui的博客
03-06 460
也就是不能先调用class生成实例，再定义class类，但是构造函数可以。class必须使用new执行，但是构造函数没有new也可以执行。在es5中构造函数其实就是在定义一个类，可以实例化对象，es6中class其实是构造函数的语法糖。在class内部和class的方法内部，class中的extends方式的继承，，但是构造函数可以不采用严格模式。class 内部无法重写类名。，不能使用 new 来调用。，也就是不能被遍历。
class和构造函数的区别以及call、bind、apply重写
1900's 88 keys的博客
03-17 862
目录class和构造函数的区别new.targetcall、bind、apply重写 class和构造函数的区别 1.构造函数本身是函数，因此会有函数声明的提升 class 声明不能提升 2. class 只能通过new实例 3. class 采用严格模式； 4. class 中的原型上的属性不能遍历 5. class 内部不能修改class的名称 ES6 class的写法 class Person { constructor(name, age) { this.name = n
js类和构造函数的4点差异
Madman528的博客
05-02 1752
一,变量提升问题 console.log(Man); function Man(name, age) { this.name = name this.age = age } 是可以打印的 但是用类的方法,就有暂时性死区了 console.log(Man); class Man { constructor(name, age) { this.name = name this.age = age
JavaScript中利用构造器函数模拟类的方法
12-03
在这个`Stack`构造器函数中，`items`变量是私有的，因为它只存在于函数的作用域内，无法被外部直接访问。而`push`和`pop`方法通过`this`被挂载到实例上，因此可以在实例上调用。`new`操作符使得`this`在构造器函数...
JavaScript中构造函数与原型链之间的关系详解
01-21
在Javascript中不存在class的概念，它... 4、实例对象都可以继承构造函数中的属性和方法。但是，同一个对象实例之间，无法共享属性。 2.原型（prototype）：是一个对象，实现对象的属性继承。javascript 中的对象通过 p
ES6语法中的Class与JS构造函数区别
weixin_42266130的博客
05-20 1180
Class和普通构造函数有什么区别？ 先来看下JS普通构造函数 function MathHandle(x,y) { this.x = x; this.y = y; } MathHandle.prototype.add = function () { return this.x + this.y; }; var m = new MathHandle(1, 2); console.log(m.add()); // 3 如果将上面的代码转换成Class就会变成这样 class MathHandle {
Class和普通js构造函数的区别
weixin_30642305的博客
01-28 1193
Class 在语法上更加贴合面向对象的写法 Class 实现继承更加易读、易理解 更易于写 java 等后端语言的使用 本质还是语法糖，使用 prototype Class语法 typeof MathHandle // 'function' MathHandle.prototype.construcroe === MathHandle // 构造函数的显示原型有个con...
Class 和普通构造函数有何区别
weixin_37644989的博客
06-30 796
JS 构造函数 function MathHandle(x, y) { this.x = x this.y = y } MathHandle.prototype.add = function () { return this.x + this.y } var m = new MathHandle(1, 2) // console.log(m.add()) typeof...
js：构造函数和class
认真和努力总没有错
09-21 3319
es6中class实现面向对象编程的新形式 class Animal{ // 每一个类中都有一个构造器，若没有指定构造器，那么这个构造器是隐形的，构造器的作用，就是每当new一个类，必然优先执行构造器中的代码 constructor(name,age){ this.name=name;//通过new实例的属性，叫做实例属性：dog.name thi...
Class和普通构造函数的区别
陈开心的博客
12-16 1904
JS构造函数 //JS构造函数 function MathHandle(x,y){ this.x = x; this.y = y; } MathHandle.prototype.add = function(){ return this.x + this.y; } let test = new MathHandle(1,2); console.log(test.add())...
ES6中class类特性与JavaScript的构造函数之间的区别
KOBE_24VS8的博客
10-24 602
什么是类： 在ES6中新增加了类的概念，可以使用class关键字声明一个类， 之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指 某一大类( class )对象特指某一个，通过类实例化一个具体的对象 表面看起来可以支持正式的面向对象编程,但实际上它背后使用的仍然 是原型和构造函数的概念。 同时class类是构造函数的【语法糖】 一、类定义 //1. 匿名类 let Example = class {}; //2.命名类 let Example = c.
Flink 开发语言选择 —— Java vs Scala
qq_42072014的博客
08-03 1140
Flink 支持多种编程语言，包括 Java 和 Scala。这两种语言都有其独特的特性和优势，因此，在选择开发语言时需要考虑多个方面，如性能、社区支持、开发效率等。
牛客JS题（二十一）数组扁平化
最新发布
不起眼小菜菜的博客
08-04 614
注释很详细，直接上代码……
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 257
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
JavaScript内置对象与自定义构造函数深入解析
在JavaScript中，对象的创建并不依赖于预定义的class，而是通过构造函数进行动态定义。 构造函数在JavaScript中扮演着关键角色，当我们调用`new`关键字时，它会被用来创建一个新的对象实例。例如，如所示代码： ``...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小小进步

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值