JS构造函数

最新推荐文章于 2025-07-11 18:35:00 发布
最新推荐文章于 2025-07-11 18:35:00 发布
阅读量984 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42098339/article/details/89681575

基于构造函数创建自定义类（constructor）
1.在普通函数执行的基础上“new xxx()”，这样就不是普通函数执行了，而是构造函数执行，接受的返回结果为当前类的一个实例。
2.执行过程：

  • （1）.像普通函数执行一样，形成一个私有的作用域（栈内存），完成形参赋值和变量提升
  • （2）【构造函数独有】在JS代码自上而下执行之前，首先在当前形成的私有栈中创建一个对象（创建一个堆内存：暂时不存储任何的东西），并且让函数中的执行主体（this）指向这个新的堆内存
  • （3）代码自上而下执行
  • （4）【构造函数独有】代码执行完毕，把之前创建的堆内存地址返回（浏览器默认返回）

3.构造函数执行，不写return，默认返回创建的实例，但是如果我们自己写了return`?

1.return的是一个基本值，返回的结果依然是类的实例，没有收到影响
2.如果返回的是一个引用值，则会把默认返回的实例覆盖，此时接受到的结果就不再是当前类的实例

JavaScript简餐——类构造函数
igodmeetu的博客
10-30 659
文章目录前言一、类的构造函数及其实例化二、把类当成特殊函数总结 前言 写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。 一、类的构造函数及其实例化 constructor关键字用于在类定义块内部创建类的构造函数。方法名con
深入解析 JavaScript 构造函数：特性、用法与原型链
weimengen的博客
10-23 914
本文深入剖析 JavaScript 构造函数。介绍其定义、用法与特性，如创建对象、属性初始化等。阐述构造函数中this关键字的多种情况及call、apply、bind方法对this的改变。探讨箭头函数作用域链，讲解构造函数使用场景及原型和原型链。理解这些对掌握 JavaScript 面向对象编程至关重要。
js的构造函数理解
热门推荐
laviniatu的博客
11-02 3万+
文章目录1、什么是构造函数2、为什么要使用构造函数？3、构造函数的执行过程4、构造函数的返回值5构造函数首字母必须大写吗？6不用new关键字，直接运行构造函数，是否会出错？如果不会出错，那么，用new和不用new调用构造函数，有什么区别？ 原型和原型链是 JavaScript 中最经典的问题之一，而构造函数又是原型和原型链的基础，所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和...
【JavaScript高级】构造函数、原型链与数据处理
最新发布
qq_59306099的博客
07-11 1083
构造函数中的属性和方法称为成员，JavaScript的构造函数中可以添加一些成员，可以在构造函数本身上添加，也可以在构造函数内部的this上添加。注意这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。指向构造函数的prototype原型对象，之所以我们对象可以使用构造函数prototype原型对象的属性方法，就是因为对象有__proto__原型的存在。如果我们修改了原来的原型对象，给原型对象赋值的是一个对象，则必须手动的利用construct指回原来的构造函数。
JavaScript构造函数
torino999的博客
03-16 4989
1、什么是构造函数，2、构造函数的作用，3、构造函数的执行流程。什么是构造函数 构造函数（Constructor）的创建方式和普通函数一样。但通常首字母进行大写，用于和普通函数区分。 但是当一个函数创建好以后，我们并不知道它是不是构造函数（即使函数名的首字母为大写）。只有当它以 new 操作符来调用的时候，我们才能说它是一个构造函数。...
JS——构造函数
k464746的博客
02-23 1万+
JS中的构造函数
js构造函数
qq_31142587的博客
01-06 385
js构造函数与普通的函数无本质上的区别 唯一的区别是 js构造函数要使用new 对象()的方式来调用 关于js构造函数的this指向问题 function remind (name,age) { this.name = name; this.age = age; this.sayName = function () { alert(this.name); } } re
JS构造函数的执行过程
01-08
什么是构造函数 通过new操作符调用的函数为构造函数，会构造出一个类的实例 一个函数直接调用则为普通函数调用方式，用new调用则为构造函数调用方式 function Fn(name,age){ let n = 5; this.name=name; this.age...
Javascript 构造函数详解
10-25
1. **new关键字**：务必在调用构造函数时使用`new`关键字，否则`this`将会指向全局对象（在浏览器环境中是`window`，在Node.js环境中是`global`），可能导致意料之外的结果。通常，构造函数的名称会遵循驼峰命名法，...
Javascript 构造函数 实例分析
12-12
JavaScript 构造函数是语言中的一个重要概念，它们用于创建对象并初始化其属性和方法。在JavaScript中，每个函数都可以作为构造函数使用，通过在函数名前加上`new`关键字来调用，这样就会创建一个新的对象实例。让...
JavaScript构造函数详解
10-23
总结来说，JavaScript构造函数是用于初始化对象的一种特殊函数。理解构造函数、原型链以及this关键字在构造函数中的行为对于掌握JavaScript编程至关重要。通过构造函数与原型对象之间的相互作用，开发者能够创建复杂...
js 构造函数
渐渐高飞
06-25 2374
以下是对构造函数的浅薄理解：构造函数一般以大写字母开头命名; 如： fuction Preson(){...}调用 ： 任何函数，只要通过 new 操作符来调用，那它就可以作为构造函数 ；deom：  function Preson(name,age,sex){     this.name = name;     this.age = age;     this.sex = sex;     th...
js的构造函数
weixin_45925906的博客
03-23 558
创建对象的方法 对象字面量 new Object() 自定义构造函数 构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 在 JS 中，使用构造函数时要注意以下两点： 构造函数用于创建某一类对象，其首字母要大写 构造函数要和 new 一起使用才有意义 new的执行 new 在执行时会做四件事情： 在内存中创建一个新的空对象。 让 this 指向这个新的对象。 执行构造函数里面
js构造器
iteye_17819的博客
06-05 256
js中对象创建的两种方法   //下面每种方式都将创建一个新的空对象 var newObject = {}; //object构造器的简洁记法 var newObject = new Object();  基本Constructor（构造器） //简单的构造器模式 function Car(model,year,miles){ this.model...
JavaScript：构造函数
snow的博客
05-16 5733
JS语言中使用构造函数（constructor）作为对象的模板，所谓构造函数，就是提供一个生成对象的模板，并描述对象的基本结构的函数。JS中使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类(理解为模板，表示某一类实物的共同特征)。使用对象字面量创建一系列同一类型的对象时，这些对象可能具有一些相似的特征(属性)和行为(方法)，此时会产生很多重复的代码，把这些重复性的特征和属性抽象出来，做成构造函数，可以实现代码复用。我们将通过一个构造函数创建的对象，称为是该类的实例。
JS——构造函数、内置构造函数
Axuangogo的博客
04-18 464
JS——构造函数、内置构造函数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值