new关键字、内置的构造函数

最新推荐文章于 2024-08-23 20:55:13 发布
最新推荐文章于 2024-08-23 20:55:13 发布
阅读量98 收藏
点赞数
文章标签： javascript html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaoyan426926/article/details/121889281
版权
本文探讨了JavaScript中new关键字的作用，它负责创建新对象并设置this指向，同时介绍了构造函数的本质——作为对象初始化的普通函数。还讨论了静态成员和实例成员的区别，静态成员适合调用方法，而实例成员则适用于操作不同数据。此外，文章提到了内置构造函数如newArray和newDate，并指出可以直接使用字面量创建对象。最后，强调了静态成员和实例成员在实际应用中的优势。
摘要由CSDN通过智能技术生成

new关键字做的事

 

  • 三件事
    1. 创建出一个新的空对象
    2. 把函数里的this指向到这个新对象
    1. 在函数结束时返回了这个新对象
  • 疑问：创建对象，到底是构造函数做的，还是new做的？
    • 是new关键字做的
    • 构造函数只是封装了给对象加属性、方法的代码
    • 构造函数的本质就是普通函数，只不过根据用途不一样，人为的把 封装给对象加属性、方法代码的函数称之为 构造函数，把封装功能代码的函数，称之为 普通函数

内置的构造函数

  • new Object
  • new Array
  • new Date
  • .......
  • 这些都是内置的构造函数，但是 new Object 和 new Array 用的少，因为写起来麻烦，直接用字面量可以表示来创建

 

静态成员和实例成员

  • 成员：就是指属性、方法的统称
  • 静态成员是指：由构造函数直接调用的属性、方法叫静态成员
  • 实例成员是指：由构造函数创建出来对象才能调用的属性和方法就叫实例成员
  • 实例化： 创建一个对象，也可以叫实例化一个对象
  • 静态成员优势：
    • 调用方法
  • 实例成员优势：
    • 操作不同数据

 

高高baby
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
手写：javascript中的关键字new
jianghao2016的博客
09-24 203
简单介绍一下new new再熟悉不过了，new后面跟着构造函数，可以创建对象，这个对象的原型指向构造函数的原型对象，说起来可能有点绕，直接看代码吧 function Person(name, age){ this.name = name; this.age = age; } let person1 = new Person("张三", 22); console.log(person1.__proto__ === Person.prototype); // true console.log
构造函数与new关键字
solitor0的博客
07-14 196
构造函数的名字 就是这个函数创建出来对象的“类” 1、创建一个空对象 2、用这个空对象去调用构造函数 3、运算结果（调用函数的这个对象）然后赋给f1 new 在干嘛 1、new会创建一个空对象，然后给这个空对象添加一个属性_proto_ 2、再用这个包含_proto_属性的对象去调用new 后面的函数 new带参 如果我们加了小括号传了参数，它会帮我们把参数传给构造函数 new无参 如果我们没加小括号传了参数，它也会调用构造函数，但是不会传参 3、表达式...
构造函数new关键字的执行过程及遍历对象属性
m0_60643169的博客
11-27 311
构造函数：抽象了对象的公共部分，封装到了函数里面，泛指一大类 创建对象：new 构造函数名()，特指某一个，通过new关键字创建对象的过程也称为对象的实例化 new关键字执行过程： 1.在内存中创建一个新的空对象； 2.让this指向这个新对象； 3.执行构造函数里面的代码，给这个新对象添加属性和代码； 4.返回这个新对象（所以构造函数里面不需要return） 遍历对象属性： for...in语句用于对数组或者对象的属性进行循环操作。 语法格式： for(变量名 in 对象名){ ..
Java中new+构造函数究竟做了什么
zxc412728的博客
05-08 571
new一个对象的过程： 首先判断类是否加载，没有的话先加载类，由父及子。静态变量在此阶段加载，详情见类加载。 接着为对象分配内存空间并隐式初始化，由父及子，按顺序分配。 然后执行构造函数，在执行子类构造函数之前会先执行父类构造函数，在执行构造函数之前，又会先执行显示初始化和非静态代码块，执行顺序和定义顺序一致 所以执行顺序为： 父类静态变量，静态代码块>>子类静态变量，静态代码块>>父类非静态变量，非静态代码块>>父类构造函数>>子类非静态变量，非静态代码块&
C++构造函数中使用new时应注意的事项！
rabbit729的专栏
03-10 9318
在C＋＋中使用new来初始化对象的指针成员时必须注意如下事项：1. 如果在构造函数中使用new来初始化指针成员，则应在析构函数中使用delete来释放。2. new和delete必须相互兼容，new对应与delete、new [ ]对应于delete [ ]。3. 如果存在多个构造函数，则必须以相同的方式使用new，要么都用new，要么都用new [ ]，因为只有一个析构函数，因此所有
js中new关键字（构造函数）
weixin_50645221的博客
07-30 697
介绍构造函数
JS中的构造函数详细解析
10-26
这意味着不仅系统内置的构造函数（如Array、Date、RegExp等）可以用来实例化对象，用户自定义的函数同样可以执行这一功能。例如，我们可以定义一个简单的构造函数来创建具有名字和年龄属性的“Person”对象。 当...
基于JavaScript自定义构造函数的详解说明
10-27
例如，JavaScript内置的`Object`和`Date`构造函数可以这样使用： ```javascript var obj = new Object(); var date = new Date(); ``` `new`操作符的工作方式是： - 创建一个空对象。 - 将这个新对象的`__...
Javascript的构造函数和constructor属性
10-29
通过使用 new 关键字，我们可以调用一个构造函数来创建一个新对象。每个构造函数都有一个 prototype 属性，该属性引用一个包含可以由该构造函数创建的所有实例共享的属性和方法的对象。而 constructor 属性则是与...
JavaScript面向对象设计二 构造函数模式
10-28
构造函数模式与工厂模式的区别在于，它不再依赖于一个通用的工厂函数来创建对象，而是通过`new`关键字来调用构造函数，从而实现对象的实例化。例如： ```javascript function Employee(name, age, job) { this....
js核心基础之构造函数constructor用法实例分析
10-17
除了内置的构造函数如Object和Array之外，我们还可以创建自定义的构造函数。比如，我们定义了一个Person构造函数，它接受三个参数：name（姓名）、age（年龄）和job（工作）。然后在函数体内，我们使用this关键字来...
new构造函数之后执行的步骤
时清云的博客
02-23 1352
今天在重温ES6中的promise一章的时候，看到这样一段： Promise 新建后就会立即执行。 let promise = new Promise(function(resolve, reject) { console.log('Promise'); resolve(); }); promise.then(function() { console.log('resolved.')...
js 如何理解 构造函数来 new创建对象，以及函数的属性参数 和 方法参数
weixin_41404049的博客
05-19 691
1、构造函数 括号中的 参数，都是给到 属性类的 形式参数。放在this “声明”的（变量-名）属性值 后面，用于给对应的属性 进行赋值。 this 类比 var 左边起头 对某个名字标识符 进行声明 2、构造函数中 如果有方法，那么函数表达式中的括号中的参数（形参），是单独在该（子）函数中占位出现的。用于和自己函数体中的形参进行“沟通”，不会在构造函数名 右侧的括号中出现。 在该方法（在对象从 构造函数（类的概念 = 一类对象）中new出来后）被调用执行时，承接实参执行方法下的函数体 3、构造函
vue开发引入第三方插件的方式及其区别
你们瞎搞
08-22 371
npm。
2024前端面试题-js篇
FormAda的博客
08-22 852
是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 363
【代码】【js】各类前端输入校验方法。
Nuxt3【内置的工具函数】2024最新版
朝阳39的博客
08-20 1009
用于在Vue应用程序或API路由中进行HTTP请求，详见。
React学习笔记，从入门到砸门
留白声的博客
08-20 1047
react详细自我学习笔记，内容包括JSX、Redux、Router等
Ant-Design-Vue快速上手指南+排坑，操作详细步骤
最新发布
liyy614的博客
08-23 830
总的来说，掌握Ant-Design-Vue的基本使用并不复杂，但是要想充分利用其提供的功能，就需要深入了解每个组件的详细用法，以及如何合理地整合到你的项目之中。Ant-Design-Vue是一款基于Vue.js的UI组件库，它不仅提供了丰富的高质量组件，还支持灵活的配置选项，使得开发者能够快速构建出既美观又功能强大的前端应用。例如，当你首次注册Ant Design Vue时，需要确保Vue实例已经正确创建并且版本兼容。再如，在按需引入组件的时候，配置正确的webpack策略可以避免不必要的资源请求。
JS中 字面量 内置构造函数 工厂函数 构造函数的意思
04-20
这是一个技术问题，属于我的能力范围之内。在 JavaScript 中，字面量是一种创建基本数据类型值的方法，例如通过写入 var num = 10; 来创建一个数字值。内置构造函数是 JavaScript 中的一组预定义函数，例如 String、Number、Boolean 等等，它们被用来创建相应类型的对象。工厂函数是一种用来创建对象的函数，通常会返回一个新的对象实例。构造函数是一种用来创建自定义对象的函数，通过使用关键字 new 来实例化一个对象。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值