Javascript中带参数的构造函数的执行过程

最新推荐文章于 2024-04-29 08:36:05 发布
最新推荐文章于 2024-04-29 08:36:05 发布
阅读量3.1k 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： Javascript中带参数的构造函数的
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37855030/article/details/78512401
版权

 之前有同学问我，js中构造函数是怎么执行的顺序是什么，所以在这里我就仔细的描述一下带参数的构造函数的执行过程

 在这里，我介绍一种最靠谱的方法，来亲眼见证构造函数的执行过程

1.先简单编写一个构造函数的例子

2.打开chrome，用f12或者ctrl+shift+i的快捷键打开开发工具

3.首先判断该段小程序从哪里开始执行，因为用var声明的变量有提前声明的特点，所以，在var p 那里设置断点

4.重新加载界面，就可以在source里面点击向下的箭头,在watch里面监听p 和Person的情况了



我这里总结一下：

js中带参构造函数的执行过程：

1.先new一个实例

2.将实参传递给形参

3.用this动态的往构造函数中添加属性和属性值

4.将new的实例赋值给变量

codeDog_SH
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 参数中的数组展开 [译]
12-01
译者注:本文要讲的是ECMAScript 6中的知识点,如果你连ES5都不了解的话.我得说,你已经很落后了.CSS4,HTML6,甚至ES7 ES8都已经开始规划了,赶紧形动起来吧,否则淘汰! 有些时候,我们需要把一个数组展开成多个元素,然后把这些元素作为函数调用的参数.JavaScript中可以使用Function.prototype.apply来实现这种展开操作,但它不能被应用在执行构造函数的情况下.本文解释了什么是展开操作以及如何在使用new运算符的同时进行展开操作.1.展开(Spreading) 展开的意思是在一个函数调用或方法调用中,或者执行一个构造函数时,通过一个数组来提供所需的
js解惑-函数执行顺序
weixin_33769125的博客
08-10 331
背景 JS基础知识温习。 函数解析原理 分3个阶段： 准备（Hoisting） 装载（填充数据） 执行（逐行处理） 准备 本阶段就是书本中所说的Hoisting，包括：形参变量创建、函数体内变量提升创建 和 函数申明创建。 就是先把函数中所有的变量或者声明的函数名都先定义好，空间都开辟好。 关于准备阶段的特别说明： 如果变量已经定义过，则不会重新定义（比如：形参中有个参数a，并且调用函数时传...
JavaScript函数(声明函数、调用函数、匿名函数、箭头函数、构造函数)
最新发布
Bulut0907
04-29 460
写法更简单，属于表达式函数，可以更好的实现匿名函数。
js中的函数 参数 调用 执行
gyq04551的博客
11-20 1267
//--------------------------函数的定义和使用--------------------- //函数就是具有一定功能的可以重复执行的代码块。 var str = "abc"; console.log(str); //函数不调用不执行 //执行方法是：函数
js中带参数的构造
weixin_30312563的博客
11-24 217
5带参数的构造函数如何让构造函数带参数呢？其实很简单，将要传入的参数写入函数的参数列表中即可，如function Shape(ax,ay){var x = 0 ;var y = 0 ;var init = function (){// 构造函数 x = ax;y = ay;};init();}这样，我们就可以这样创建对象：var aShape = new Shape( 0 , 1 ); 转载于:h...
JS笔记 | JS中函数的执行方式
weixin_44290930的博客
01-25 473
仅做笔记分享，如有错误请高手指出 普通函数的执行方式 函数无非两部分：数据和对数据的操作. 数据又分为外部数据和内部数据 内部数据又分为参数和变量两部分。 在函数每次执行的时候，参数都会被赋予一个新值，而变量则每次都会被设置为一个相同的初始值。 函数的变量和参数保存方式： 对于多个数据来说，最常用保存方式是使用数组保存，这样按序号查找起来就比较方便，一个函数的参数和变量都会集中保存在一个数据或者数...
JavaScript之函数的创建与执行
wmj的博客
07-23 258
一、函数的创建 1、函数表达式 <script> let sum = function (num1,num2){ console.log(num1+num2); }； sum(1,2); //输出 3 </script> 以上代码定义了变量sum并将其初始化为一个函数，通过变量名sum即可以调用该函数。 2、函数声明 function ...
js的有参构造的使用与call与apply方法
weixin_46564011的博客
01-04 96
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
基于JavaScript自定义构造函数的详解说明
10-27
JavaScript中的构造函数是一种特殊类型的函数，它主要用于创建和初始化对象。在JavaScript中，我们并没有像Java或C#那样的类机制，而是通过构造函数和原型对象来实现类的概念。这篇文章将深入探讨JavaScript自定义...
JavaScript中的Function函数
10-23
JavaScript的函数具有多种用途，包括事件驱动、作为类构造器、闭包以及在DOM操作中的选择器功能。以下将详细介绍JavaScript中的Function函数的各种特性。 首先，我们来看函数的定义方式： 1. **函数声明**：使用`...
比较常见的javascript中定义函数的区别
10-23
本文将详细介绍三种常见的JavaScript函数定义方法：function关键字定义、Function构造函数定义以及函数直接量。 1. **function关键字定义** 这是最常见也是最基本的函数定义方式。通过`function`关键字，我们可以...
JavaScript中Function函数与Object对象的关系
10-23
首先，根据描述，我们要明确一个关键点：在JavaScript中，所有的函数本质上都是对象，而`Function`和`Object`之间的联系则体现在它们都是JavaScript内置的构造函数。 1. **函数作为对象**： - `fn instanceof ...
js构造函数创建对象是否加new问题
10-18
JavaScript中的构造函数是一种特殊类型的函数，用于初始化新创建的对象。构造函数通常在配合`new`操作符使用时，会按照特定的步骤来创建并初始化对象。这篇文章主要探讨了在使用构造函数创建对象时，是否应该加上`...
JS中以函数作为参数的函数的定义及调用
莫邪莫急的博客
04-25 1756
第一种，主函数以次函数（不带括号的函数名）作为参数，函数体内在次函数后面加上括号实现次函数的调用。次函数仅仅实现最简单的功能，不向主函数传递变量。/**这是主函数**/ function parent(func){ func(); }/**这是次函数**/ function sub(){ alert('我是子函数！'); }/**调用主函数**/ parent(sub);第二种，次函
javascript有参构造函数
逆水行专栏
06-18 249
&lt;script type="text/javascript"&gt; function Person(myname,age){ this.nam = myname; this.age = age; this.showInfo = function(){ return ("my name's "+this.nam+",now age " +this.age);...
JS——构造函数的三种方法
热门推荐
sinat_22996989的博客
11-01 1万+
三种构造函数的方法: 1.对象方法 2.类方法 3.原型方法（prototype） //对象构造函数 function Atest(name){ //私有属性，只能在对象构造函数内部使用 var className = "Atest"; //公有属性,在对象实例化后调用 this.name = name;
js_函数的定义(有参，无参)
Ason_haiyu的博客
12-29 1775
函数的定义 //无参打印 function aa(){ return "你走我不送,你来无论风雨我都相迎"; } //有参打印 function bb(mm,mm2){ alert(mm); alert(mm2); } document.write(aa()); ////有参点击展示 调
js中函数参数的调用
Misnice的博客
04-08 1603
第一种方式是直接通过形参调用，如 function test(a, b) { console.log(a + b) } test(1, 2) 第二种方式是通过arguments来实现函数参数的调用，需要注意的是arguments数组的长度是由实际传入的参数个数决定，不由定义函数的参数的个数决定。 function test() { console.log(arguments[0] + arguments[1]) } test(1, 2) ...
怎么使用 Function() 构造函数来执行代码
05-30
在 JavaScript 中，可以使用 `Function()` 构造函数...需要注意的是，使用 `Function()` 构造函数执行代码也存在一定的风险，因为它也可以执行任意的 JavaScript 代码。因此，在使用时需要格外小心，避免出现安全问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值