JS 构造函数和实例化执行过程

已于 2024-01-26 16:06:03 修改
阅读量432 收藏 9
点赞数 9
文章标签： javascript 前端 开发语言
于 2024-01-26 16:04:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39196447/article/details/135868628
版权

一、构造函数

创建一个构造函数，例如：

   function Goods(name, price, count) {
      this.name = name;
      this.price = price;
      this.count = count;
   }
      const mi = new Goods('小米', 1999, 10)
      const hw = new Goods('华为', 5999, 3)
      console.log(mi)
      console.log(hw)

打印结果
在这里插入图片描述

二、实例化执行过程

1、创建新的空对象
2、构造函数this指向新对象
3、执行构造函数代码，修改this，添加新的属性
4、返回新对象
在这里插入图片描述

qq_39196447
关注
JS--构造函数和实例化对象
苛性钠的博客
11-29 2010
构造函数 在对象的创建过程中，我们发现Object就是构造函数； new关键字调用构造函数就会得到一个对象。 var a=new Object('361546'); console.log(typeof a);//'object' new关键字做了什么？ function Stu(name,age,height){ // var this={};创建新对象 this.name=name; this.age=age; this.height=height; thi
js中new实例化对象内部过程
qq_42535651的博客
12-01 3269
function Person () { this.name = name; this.age = age; this.job = job; this.sayName = function () { return this.name; }; } var person = new Person("tom", 21, "WEB"); ...
JavaScript --函数 (实例结合)
~本特利~的博客
10-16 4226
JavaScript --函数 (实例结合) 内容导航： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 我们用实例来初步了解一下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试实例</title> <script> function myFunction() { alert("Hello World!"); } </
javascript对象实例化
jingtian678的博客
10-05 645
代码如下： 新建网页 1 // 方法一 通过函数定义一个对象 function person(firstname,lastname,age ) { this.firstname=firstname; this.lastname=lastname; this.age=age; } //实例化一个对象 myFather var myFather=new person("Steve",
JavaScript 的实例化与继承
域名纯
10-10 398
JavaScript 的实例化与继承：请停止使用 new 关键字简单来说，JavaScript是一种prototypical类型语言，在创建之初，是为了迎合市场的需要，让人们觉得它和Java是类似的，才引入了new关键字。Javascript本应通过它的Prototypical特性来实现实例化和继承，但new关键字让它变得不伦不类。
JavaScript基础8.对象、构造函数、实例化
最新发布
qq_45929358的博客
03-29 45
8.1对象8.2构造函数及实例化
js核心基础之构造函数constructor用法实例分析
11-30
它们在对象实例化过程中起到了核心作用，使得我们可以定制对象的属性和方法。构造函数通常与`new`操作符一起使用，以便于初始化新创建的对象。 1. **构造函数的定义与使用** 当我们声明一个函数并用它来创建新对象...
构造函数和实例
12-09
在深入讨论构造函数和实例之前，首先需要了解JavaScript中构造函数的概念。构造函数是一种特殊函数，它主要用于创建和初始化一个新对象。与普通函数不同的是，构造函数通常在使用new操作符时被调用。在JavaScript中...
Javascript 构造函数 实例分析
12-12
JavaScript 构造函数是语言中的一个重要概念，它们用于创建对象并初始化其属性和方法。在JavaScript中，每个函数都可以作为构造函数使用，通过在函数名前加上`new`关键字来调用，这样就会创建一个新的对象实例。让...
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
10-14
每个构造函数都有一个`prototype`属性，它是一个对象，包含可供构造函数实例共享的方法。通过将方法添加到`prototype`，可以节省内存，因为所有实例都可以访问同一个方法的副本，而不是每个实例都持有一个副本。...
Javascript类的定义与实例化
07-31 255
一、类的定义 严格的说，JavaScript 是基于对象的编程语言，而不是面向对象的编程语言。在面向对象的编程语言中（如Java、C++、C#、PHP等），声明一个类使用 class 关键字。例如：public class Person{}但是在JavaScript中，没有声明类的关键字，也没有办法对类的访问权限进行控制。 JavaScript使用函数来定义类。 语法：functi...
js的实例化方式
Amouzy的博客
07-25 851
js的实例化的几种模式：构造函数模式，工厂模式，原型模式，混合模式
JS-对象-构造函数-实例化-this
weixin_57218747的博客
05-07 1386
JS-对象-构造函数-实例化-this 1 回顾 1. 定义函数的方式 function 关键字 表达式方式 Function 构造函数 2. 函数的调用和返回值 3. 函数的参数 形参和实参 形参的默认值 arguments 4. 变量的作用域和作用域链 5. 变量提升和函数提升 6. 匿名函数 7. 自调用函数（立即执行的函数） 8. 回调函数 9. 递归函数 2 Object 对象 2.1 什么是 Object Object 是值的
javascript中几种实例化方式的对比
qq_34415621的博客
03-15 1808
javascript中几种实例化方式的对比实例化的几种方式 实例化的几种方式 许多前端程序员对于js中的类其实都是比较懵逼的，因为业务开发中几乎不需要用到，但是当你读一些库的源码时，又是绕不过去的。 新旧语法，各种奇奇怪怪的关于类的方法一大堆，看看相关帖子，越看越是摸不着头绪。 下面把几种常见方式放在一起，做个比较。 // 最经典的实例化方式,大家都知道 function Foo(name) { this.name = name return 1 //不使用new调用时的返回值 } Foo.prototy
JavaScript 构造函数（基于构造函数创建对象，理解实例化过程）&& 深入对象 （对象数组字符数字等类型的常见属性和方法）
zheshihuahua的博客
07-29 834
JavaScript 构造函数（基于构造函数创建对象，理解实例化过程）&& 深入对象 （对象数组字符数字等类型的常见属性和方法）
JS实例化对象详解
weixin_51828648的博客
02-03 1376
在程序语言中，“类”具有很多的方法，和属性，但是由于“类”是一个抽象的概念，没有办法直接使用其中的方法和属性，只有把这个“类”实例化成一个具体的“实例对象”才能够调用属于“类”的方法和属性，“实例对象”具有"类"的所有属性和方法，将抽象的概念具体到一个个体中，才能够更好的使用。比如：同属于“人类”的你，就是人类中一个具体的对象，你无法指挥“人类”去写代码，因为它只是一个概念，但是你可以写代码，因为你是“人类“中的一个具体实例，你不是概念化的是实体化的。从类具体到实例化对象，从抽象到具体的过程就称为实例化。
JavaScript中的构造函数、原型和实例
weixin_45803990的博客
08-11 1622
1.原型模式： 每个函数都会创建一个prototype属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过构造函数创建的对象的原型。 使用原型对象的好处是，在它上面定义的的属性和方法可以被对象实例共享。原来在构造函数中直接赋给对象实例的值，可以直接赋值给它们的原型，如下所示： function Person(){} // 原型上创建的属性和方法，可以被对象实例共享 Person.prototype.name='maria
js使用new实例化过程
chunmeizhang_88的博客
07-11 1156
使用new命令时，它后面的函数依次执行下面的步骤。 创建一个空对象，作为将要返回的对象实例。 将这个空对象的原型，指向构造函数的prototype属性。 将这个空对象赋值给函数内部的this关键字。 开始执行构造函数内部的代码。 构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象 如果return语句返回的是一个跟this无关的新对象，new命令会返回这个新对象，而不是this对象。这一点需要
一句话总结JS构造函数、原型和实例的关系
u012443286的博客
10-12 6497
”每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，实例都包含一个指向原型对象的内部指针。” ——此段话摘自《JavaScript高级程序设计》。下面结合实例简要分析：一、每个构造函数都有一个原型对象 比如： 可以看到，每个构造函数本身都是一个对象，它有一个属性叫做prototype，它是一个对象。二、原型对象都包含一个指向构造函数
JavaScript工厂函数与构造函数深度解析
"本文主要介绍了JavaScript中的工厂函数和构造函数，包括它们的概念、示例以及在实际使用中可能遇到的问题。工厂函数是通过函数来模拟类的行为，创建并返回对象。而构造函数则是在JavaScript中用于创建对象的一种...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值