构造函数，es6的class类，new操作符

最新推荐文章于 2024-04-09 10:36:01 发布
最新推荐文章于 2024-04-09 10:36:01 发布
阅读量334 收藏
点赞数
分类专栏： js 文章标签： class js 面向对象编程 类 多态
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenxiaodage/article/details/109370230
版权

构造函数和普通函数的创建方式一样，但是构造函数习惯首字母大写。
构造函数与普通函数的区别：调用方式不一样
普通函数：函数名()
构造函数：new 函数名()
new操作符干了什么：
创建了一个空对象，this变量引用该对象，并且继承该对象的原型。
将属性和方法加入到引用对象中
新创建的对象由this引用，并且隐式返回this

//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）
function Person(name,age) {
   
    this.name = name;
    this.age=age
最低0.47元/天 解锁文章
九州清宴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6中class类特性与JavaScript的构造函数之间的区别
KOBE_24VS8的博客
10-24 598
什么是类： 在ES6中新增加了类的概念，可以使用class关键字声明一个类， 之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指 某一大类( class )对象特指某一个，通过类实例化一个具体的对象 表面看起来可以支持正式的面向对象编程,但实际上它背后使用的仍然 是原型和构造函数的概念。 同时class类是构造函数的【语法糖】 一、类定义 //1. 匿名类 let Example = class {}; //2.命名类 let Example = c.
ES6 中的类（class）
TKOP_的博客
04-16 1287
ES6 引入的 class 关键字具有定义类的能力。类是 ECMAScript 中新的基础性语法糖。虽然 ES6 表面上看起来可以支持正式的面向对象编程，但实际上它背后使用的依旧是原型和构造函数的概念。（笔记内容参考《JavaScript 高级程序设计（第4版）》章节8.4 类以前在笔记《js 中原型、原型链和继承概念（详细全面）》中简要提过部分内容，这里系统看一次。类声明和类表达式。两种方式都需要使用 class 关键字加大括号定义。类表达式与函数表达式类似，在它们被求值前都不能被引用。
es6 class 类的基础用法
heheheyyy的博客
06-04 1839
概述： 在Es6中，class(类)作为对象的模板被引入，可以通过class关键字定义类。class的本质是function。 它可以看做是一个语法糖，让对象原型的写法更清晰，更向面向对象的语法 类声明： ES6 中，prototype 仍旧存在，虽然可以直接自类中定义方法，但是其实方法还是定义在 prototype 上的。 覆盖方法 / 初始化时添加方法 class Example { constructor(a) { //constructor 方法是类的默认方法，创建类的实例化对象时被
ES6-class类和function构造函数
最新发布
小余的前端博客
04-09 440
如果我们希望在创建对象的时候给类传递一些参数，这个时候应该如何做呢？每个类都可以有一个自己的构造函数（方法），这个方法的名称是固定的constructor；当我们通过new操作符，操作一个类的时候会调用这个类的构造函数constructor每个类只能有一个构造函数，如果包含多个构造函数，那么会抛出异常当我们通过new关键字操作类的时候，会调用这个constructor函数，并且执行如下操作：在内存中创建一个新的对象（空对象）；
ES6中的class类内容详解
酒客的博客
12-19 1915
ES6中的class类 认识class定义类 ​ 我们会发现，按照前面的构造函数形式创建 类，不仅仅和编写普通的函数过于相似，而且代码并不容易理解。 在ES6（ECMAScript2015）新的标准中使用了class关键字来直接定义类；但是类本质上依然是前面所讲的构造函数、原型链的语法糖而已；所以学好了前面的构造函数、原型链更有利于我们理解类的概念和继承关系； ​ 那么，如何使用class来定义一个类呢？–可以使用两种方式来声明类：类声明和类表达式； class Person{ //类声明 } c
【JavaScript】ES6 中class定义类
qq_49002903的博客
07-04 2806
在 ES6（ECMAScript2015）新的标准中使用了class关键字来直接定义类； 但是类本质上依然是之前所学习过的构造函数、原型链的语法糖而已。所以学好之前的构造函数、原型链更有利于我们理解类的概念和继承关系。...
ES6 中的 Class 类
youngjqz的博客
05-04 1681
ES6 中的新引入的 class 具有正式定义类的能力,我们可以使用 class 关键字来定义类,和函数类型相似,类的定义的主要方式是 类声明 和 类表达式 1.类的定义 类的两种定义的方式都需要使用到 class 关键字 // 类声明 class Person {} // 类表达式 let Person = class {}; 需要注意的是,类表达式和函数表达式类似,使用 var 关键字声明,在求值前引用,拿到的是undefined,如果是使用 let 关键字声明,则会报错,原因是使用
ES6 class类
weixin_45695200的博客
09-08 105
传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象的特点就是将自身的属性共享给新对象。 如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函数示例： function Person(name, age) { this.name = name; this.age = age; } Person.prototype.say = function () { return "我的名字叫" + this.name + "今年"
ES6 class类的理解学习
HuangsTing的博客
11-26 265
文章目录一.类的由来小结 一.类的由来 传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。构造函数示例： function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y
JS—ES6 class语法糖
12-22
类方法和实例属性的定义、`this`的使用以及`new`操作符的调用方式，都保持了一致性。`class`的主要优势在于提高了代码的可读性和可维护性，减少了程序员理解和编写面向对象代码的复杂性。在实际开发中，我们可以根据...
利用es6 new.target来对模拟抽象类的方法
10-17
在函数或构造函数被`new`操作符调用时，`new.target`会返回构造函数的引用。而在非构造函数调用中，`new.target`的值为`undefined`。这个属性使得我们可以在函数体内判断调用方式，从而实现特定的行为。 ### 模拟...
es6中class类静态方法，静态属性，实例属性，实例方法的理解与应用分析
11-21
静态属性的主要区别在于它们不是由`new` 操作符创建的每个实例所共享的，而是直接与类关联。要访问静态属性，可以使用类名，例如 `MyClass.myStaticProp`。 ### 实例属性 实例属性是属于类的每个实例的属性。它们...
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
10-19
`new.target`属性是ES6引入的一个新特性，它在构造函数中扮演着关键角色，帮助开发者检测函数是否被`new`操作符调用。 在ES5中，构造函数通常需要检查`this`是否指向构造函数自身，以防止不使用`new`关键字而直接...
前端使用框架与不使用框架的区别、优缺点
chenxiaodage的博客
10-29 3943
前端实际上就是html，css，js，而前端框架也是基于三者进行封装的。 不使用框架开发，使用原生开发或者jquery开发，开发者需要一步一步搭建，对于开发者来说这样开发对自己的代码也更熟悉 使用框架的优点： 用户体验会更好 开发效率高，成本降低 使用框架的缺点： 代码臃肿，使用者使用框架的时候会将整个框架引入，而框架封装了很多功能和组件，使用者必须按照它的规则使用，而实际开发中很多功能和组件是用不到的。 前端框架迭代更新太快，需要时间熟悉 ...
js递归、循环、迭代、遍历和枚举区别和js的遍历方法
chenxiaodage的博客
11-02 2488
递归、循环、迭代、遍历和枚举 递归：一个函数不断调用自身的行为 循环：指的是在满足条件的情况下，重复执行同一段代码。一般语言都会有三种类型的循环语句:for语句、while语句和do While语句 迭代：按照某种顺序逐个访问列表中的每一项 遍历：树形结构的一种重要运算，指的是按照一定的规则访问树形结构中的每个节点，而且每个节点都只访问一次。 枚举：在数学和计算机科学理论中，一个集的枚举是列出某些有穷序列集的所有成员的程序，或者是一种特定类型对象的计数。这两种类型经常（但不总是）重叠。枚举是一个被命名的整型
eval的功能和缺点
chenxiaodage的博客
01-29 1383
eval的功能是将对应的字符串解析成js代码 缺点是不安全，消耗性能 有json字符串转换成json对象的时候可以用eval， var obj = eval('('+str+')')
前端开发--关键字---保留字
chenxiaodage的博客
10-10 701
ECMA-262 描述了一组具有特定用途的关键字。这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等。按照规则，关键字也是语言保留的，不能用作标识符。以下就是ECMAScript的全部关键字（带号上标的是第5 版新增的关键字）： break do instanceof typeof case else new var catch finally return void continue for switch while debugger function this with default i
javascript常用正则
chenxiaodage的博客
10-10 621
一、校验数字的表达式 数字：1*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$ 正数、负数、和小数：^(-|+)?\d+(.\d+)?$ 有两位小数的正实数：2+(.[0-9]{2})?$ 有1~3
es6创造类的语法规则
09-08
类中可以使用`constructor`方法来定义类的构造函数，这个构造函数会在创建对象实例时自动调用。构造函数可以接受参数，用于初始化对象的属性。 类中也可以定义一些其他的方法，这些方法可以通过类的实例来调用。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值