JavaScript——构造函数

于 2024-03-16 17:15:43 发布
阅读量149 收藏
点赞数 1
文章标签： 开发语言 前端 javascript html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57184906/article/details/136765967
版权
本文介绍了JavaScript中的构造函数，包括其用途（用于对象初始化），使用场景（通过new快速创建多个对象），约定（大写字母开头且需new调用），语法以及实例化过程。强调构造函数内部无需写return，返回值通常为新创建的对象。
摘要由CSDN通过智能技术生成
1. 介绍
  • 构造函数：是一种特殊的函数，主要用来初始化对象
2. 使用场景
  • 常规的｛…］语法允许创建一个对象。比如我们创建了佩奇的对象，继续创建乔治的对象还需要重新写一遍，此时可以通过构造函数来快速创建多个类似的对象。

3. 约定
  • 它们的命名以大写字母开头。
  • 它们只能由" new "操作符来执行。
4. 语法
  • 构造函数语法：大写字母开头的函数

5. 说明
  • 使用 new 关键字调用函数的行为被称为实例化
  • 实例化构造函数时没有参数时可以省略（)
  • 构造函数内部无需写 return ，返回值即为新创建的对象
  • 构造函数内部的 return 返回的值无效，所以不要写 return
  • new Object ( ) new Date ( ）也是实例化构造函数
6. 实例化过程
  • 创建新空对象
  • 构造函数 this 指向新对象
  • 执行构造函数代码，修改 this ，添加新的属性
  • 返回新对象

热爱前端的小wen
关注
JavaScript的构造函数
Yangzijiand的博客
03-27 1621
构造函数是什么？ 创建一个构造函数，专门用来创建Cat对象。 1.怎么用： 构造函数（Constructor）的创建方式和普通函数一样，但通常首字母进行大写，用于和普通函数区分，构造函数和普通函数的区别就是调用方式的不同，普通函数是直接调用，而构造函数需要使用new关键字来调用 例子： 2.返回值： (1) 没有手动添加返回值，默认返回 this (2) 手动添加一个基本数据类型的返回值，最终还是返回 this (3) 手动添加一个复杂数据类型(对象)的返回值，最终返回该对象 如果指定
JavaScript——构造函数和实例对象之间的关系
mintsolace的博客
12-15 204
实例对象中有个属性,proto，也是对象，叫原型，不是标准属性,浏览器使用的 构造函数中有一个属性，prototype，也是对象，叫原型，是标准属性，程序员使用 实例对象的原型__proto__和构造函数的原型prototype指向是相同的 实例对象中的__proto__原型指向的是构造函数中的原型prototype console.log(per.__proto__==Person.proto...
知识：JavaScript构造函数详解
qq_43548684的博客
02-01 4442
借鉴各方面知识，囊括构造函数相关知识，添加个人理解，有不对的地方多多指出啦~
JavaScript：构造函数
最新发布
snowball的博客
05-16 4162
JS语言中使用构造函数（constructor）作为对象的模板，所谓构造函数，就是提供一个生成对象的模板，并描述对象的基本结构的函数。JS中使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类(理解为模板，表示某一类实物的共同特征)。使用对象字面量创建一系列同一类型的对象时，这些对象可能具有一些相似的特征(属性)和行为(方法)，此时会产生很多重复的代码，把这些重复性的特征和属性抽象出来，做成构造函数，可以实现代码复用。我们将通过一个构造函数创建的对象，称为是该类的实例。
JS中的构造函数
weixin_47267628的博客
09-09 1万+
查找关系：先从当前对象查找，如果当前对象有，则以当前对象为主，如果没有，则继续向原型中查找 ，如果在原型中有，则以原型中的为主，如果当前原型还没有，则继续向原型中原型中查找，有则以为主。以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样不用分别为每一对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则直接使用。
JavaScript构造函数
torino999的博客
03-16 4715
1、什么是构造函数，2、构造函数的作用，3、构造函数的执行流程。什么是构造函数 构造函数（Constructor）的创建方式和普通函数一样。但通常首字母进行大写，用于和普通函数区分。 但是当一个函数创建好以后，我们并不知道它是不是构造函数（即使函数名的首字母为大写）。只有当它以 new 操作符来调用的时候，我们才能说它是一个构造函数。...
JavaScript——普通函数与构造函数的区别
m0_48041877的博客
08-19 601
js普通函数与构造函数的区别
JavaScript简餐——类构造函数
igodmeetu的博客
10-30 560
文章目录前言一、类的构造函数及其实例化二、把类当成特殊函数总结 前言 写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。 一、类的构造函数及其实例化 constructor关键字用于在类定义块内部创建类的构造函数。方法名con
JavaScript简餐——关于盗用构造函数
igodmeetu的博客
10-07 362
文章目录前言一、什么是盗用构造函数？二、使用实例三、参数传递四、盗用构造函数的问题所在五、总结 前言 写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。 一、什么是盗用构造函数？ 还记得上一篇文章中提到了原型链继承中会出现得
JavaScript—创建对象及构造函数
m0_59715238的博客
04-17 983
创建对象三种方式 1、使用“var 对象名={属性名1:值1,属性名2:值2,...};”语句； 2、使用“var 对象名 = new 构造函数名(args);”语句； 3、使用“Object.create(原型对象,descriptors)”语句； 文章目录 系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多
Javascript构造函数
dreamingbaobei的博客
04-09 589
JavaScript是一种面向对象的语言，如果你学习过其他面向对象的语言，可能会比较困惑，因为JavaScript中没有class,但并不意味着JavaScript中没有类，这只是说法的不同，在ES6之前class不是关键字，JavaScript通过构造函数来定义类，用new操作符调用函数就实现了实例化一个对象。这个对象具有构造函数定义的变量（属性）和函数（方法）。 任何函数，只要通过 new 操...
javascript构造函数
weixin_33912638的博客
11-17 123
我们相约在今天，在今天讨论javascript构造函数，感谢你如约而至 昨天 我们昨天前几天讨论过构造函数constructor，得出了结论constructor是原型对象上的一个属性，默认指向这个原型的构造函数这个结论貌似对我们平时的工作中似乎并没有什么用处，那构造函数，就真的没什么用处吗？ 今天 使用构造函数构造可以复用的对象 JS中...
js中什么是构造函数？
javaip_的博客
03-25 417
构造函数也被叫做构造器（constructor），通常是我们创建对象时调用的函数，在其他面向的编程语言里面，构造函数是存在于类中的一个方法，称之为构造方法，但是JavaScript中的构造函数有点不太一样；在js中构造函数其实表现形式上也是一个函数，和其他普通的函数没什么区别，但是我们一般定义了一个构造函数不会和普通函数一样直接去调用它，而是通过new去创建基于这个构造函数的一个实例对象，这个实例对象中的__proto__会通过this从而去拥有构造函数中prototype的属性。
JavaScript-构造函数
十二的博客
05-06 1704
JavaScript-构造函数
JS构造函数
sunset的博客
08-14 6819
创建一个对象可以字面量创建或构造函数创建 字面量创建对象例如: // 字面量创建对象 var p1 = { name:"sunset", speak:function(){ console.log("我是",+this.name); } } 但如果需要创建多个同一类型(属性和方法都相同)的对象,使用字面...
JS 中构造函数和普通函数的区别
热门推荐
weixin_41796631的博客
10-04 6万+
1、构造函数也是一个普通函数，创建方式和普通函数一样，但构造函数习惯上首字母大写 2、构造函数和普通函数的区别在于：调用方式不一样。作用也不一样（构造函数用来新建实例对象） 3、调用方式不一样。      a. 普通函数的调用方式：直接调用 person();      b.构造函数的调用方式：需要使用new关键字来调用 new Person(); 4、构造函数的函数名与...
JS——构造函数的三种方法
sinat_22996989的博客
11-01 1万+
三种构造函数的方法: 1.对象方法 2.类方法 3.原型方法（prototype） //对象构造函数 function Atest(name){ //私有属性，只能在对象构造函数内部使用 var className = "Atest"; //公有属性,在对象实例化后调用 this.name = name;
深入理解js构造函数
NearEast的专栏
02-26 3840
JavaScript对象的创建方式 在JavaScript中，创建对象的方式包括两种：对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式，例如： var o1 = { p:”I’m in Object literal”, alertP:function(){ alert(this.p); } } 这样，就用对象字面量创建了一个对象
[JavaScript]构造函数
weixin_61273407的博客
01-16 887
构造函数 : 可以快速创建指定结构的对象, 创建对象后, 直接具备对应属性和方法, 与 Java 语法类似, 创建好构造函数后, 直接使用 new 关键字来创建新对象 在 JavaScript 中, 主要有两种构造函数的写法 : 第一种 : 使用this指向新对象,使用prototype对象添加方法 //构造函数 -- start function Methods(i, j) { //这里是添加新对象的属性 i , j //this 指向新对象 this.i...
JavaScript面向对象详解：对象与构造函数
本节主要探讨JavaScript中的面向对象特性，包括对象的理解、构造函数和原型链。 ### 对象的理解 1. **对象作为实物的抽象**：在编程中，对象是对现实世界实体的一种模拟，它可以代表任何事物，如人、书、汽车等。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

热爱前端的小wen

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

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

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

打赏作者

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

抵扣说明：

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

余额充值