当JS构造函数内有return语句时

最新推荐文章于 2024-01-31 09:21:46 发布
最新推荐文章于 2024-01-31 09:21:46 发布
阅读量336 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010107248/article/details/87834550
探讨JavaScript构造函数中return语句的影响。当返回引用类型时，实例化对象将被取代；值类型则无影响。详解new操作符的四步执行过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天才发现当js构造函数内又return语句时会和没有return语句不同。

以上可以看出来如果返回类型是引用类型，那么实例化出的对象将会被返回的对象取代，也就是[1,2]。但如果返回的是值类型那么并没有什么影响。

调用new foo()时有以下四步操作。

1.首先，新建一个空对象var obj = { }

2.之后obj的__proto__指向构造函数的原型对象 obj._proto_ = foo.prototype

3.将构造函数的this绑定到obj上，并运行构造函数  foo.call( obj )

4.返回obj对象，将其作为new出的实例

javascript 构造函数内return 解析
liangdong06的博客
09-07 1002
首先我们都知道js中构造函数一般应该是这样的 function Super (a) { this.a = a; } Super.prototype.sayHello = function() { alert('hello world'); }但如果在构造函数中 加入 return 会是什么结果呢 function Super (a) { this.a = a;
js中构造函数的return用法
积少成多的博客
02-23 1930
构造函数中的return 构造函数里没有显式调用return时，默认是返回this对象，也就是新创建的实例对象。 当构造函数里调用return时，分两种情况： 1.return的是五种简单数据类型：String，Number，Boolean，Null，Undefined。 这种情况下，忽视return值，依然返回this对象。 2.return的是Object 这种情况下，不再
js 构造函数里的 return 语句
qq_36291747的博客
05-10 699
一般来说，使用 new 构造函数(参数) 会得到新创建的对象。但是，如果在 js 的构造函数中，如果有 return 语句，使用 new 运算，会怎么样呢？ 分 2 种情况： 如果返回的是基础数据类型，new 运算会忽略这个语句，得到的是新创建的对象。 function Person(name, age) { this.name = name; this.age = age; // return [1,2]; // return function(){}; //
JavaScript之构造函数内有return详解
spicyboiledfish的博客
04-27 6508
可以看出：在JavaScript构造函数中：如果return值类型，那么对构造函数没有影响，实例化对象返回空对象；如果return引用类型（数组，函数，对象），那么实例化对象就会返回该引用类型；
JS：构造函数的返回值
潮汐未见潮落的博客
07-05 2979
构造函数的返回值
JS中构造函数中有return的分析
追风Programer的博客
12-23 1503
目录 写在前面 demo帮助理解 写在前面 简单的总结来说就一句话：如果return的值是基本数据类型的话，则忽略return，直接返回实例化的对象；如果return的值是引用类型的话，则不再返回实例化的对象，而是直接返回return返回的引用类型的值。 demo帮助理解 看几个例子 function Person(name) { this.name = name retu...
js代码-js 构造函数 在 js 的构造函数中，如果有 return 语句，那么，如果返回的是基础数据类型，new 运算会忽略这个语句，得到的是新创建的对象；如果返回的是引用类型（数组、对象、函数），则 new 运算的到的就是 return 的那个数据，而不是新创建的对象。
07-16
当我们在一个构造函数内部使用`return`语句时，其行为会根据返回值的类型有所不同： 1. **返回基础数据类型**：如果构造函数中的`return`语句返回的是基础数据类型（如字符串、数字、布尔值、null或undefined），`...
JavaScript中的普通函数与构造函数比较
10-24
构造函数可以有返回值，但是通常情况下，构造函数不使用return语句。如果构造函数确实使用了return语句，且返回的是一个对象，那么这个对象将被返回，而不是新创建的对象。如果返回的是原始值，那么这个值将被忽略，...
基于JavaScript自定义构造函数的详解说明
12-03
但如果我们确实在一个构造函数中使用了`return`语句，并返回了一个值，那么这个值将会作为`new`表达式的最终结果。在这种情况下，使用`this`创建的对象会被忽略。因此，除非你有特殊需求，否则通常不会在构造函数中...
Javascript 普通函数和构造函数的区别
11-28
JavaScript中的函数有两种主要类型：普通函数和构造函数。它们在用途、执行上下文以及返回值方面存在显著区别。 首先，从命名规范来看，构造函数通常遵循首字母大写的约定，如`MyClass`，而普通函数则采用小驼峰...
JS特殊函数(Function()构造函数、函数直接量)区别介绍
10-27
在JavaScript中，有三种主要的方式来定义函数：`function`语句、`Function()`构造函数和函数直接量。下面我们将深入探讨这三种方式的区别和特性。 1. **`function`语句**： `function`语句是最常见的函数定义方式...
JS中return SomeFunction和不加return的区别
hyshucom
03-13 218
有一个这样的js方法 <scriptlanguage="javascript">functionTestFunction(){alert('aaaaaa');returnfalse;alert('bbbbbb');}</script> 然后在页面中加入两个asp:button <asp:ButtonRunat="server"ID="Butto...
js 构造函数 return 非空对象，其实例化的对象在原型上的差异
ymzhao
07-29 416
ECMAScript 中的构造函数是用于创建特定类型对象的。构造函数也是函数，只是使用new操作符调用构造函数会执行如下操作：(1) 在内存中创建一个新对象 (2) 这个新对象内部的 特性被赋值为构造函数的 属性 (3) 构造函数内部的 被赋值为这个新对象（即 this 指向新对象） (4) 执行构造函数内部的代码（给新对象添加属性） (5) 如果构造函数返回非空对象，则返回该对象；否则，返回刚创建的新对象......
js 构造函数中的 return
b72394610698113的博客
09-01 220
本文链接：https://blog.youkuaiyun.com/qq_36209248/article/details/89190978 默认情况下，没有return的函数的返回值为undefined（即没有定义返回值），如果定义了return，则返回指定对象。但是构造函数比较t特殊，new构造函数在没有return的情况下默认返回新创建的对象。在有return的情况下，需要分为两个情况考虑： ...
js中构造函数new与return
寒风问雪的专栏
03-15 3012
/**  * JavaScript 是面向对象的语言，但是他的面向对象不是基于类的，是基于原型的;  * 但是他的一些特性(函数是数据)，使得它可以模拟基于类的面向对象，但是 JavaScript 并不支持和 Java 一样的类，  * 因此 JavaScript 中的"类"可以称作"伪类"  */  //  /**  * 构造函数: js 中用来和 new 运算符一起使用的函数称作
JS构造函数详解
qq_44741577的博客
01-31 2047
所谓构造函数，就是提供一个生成对象的模板，并描述对象的基本结构的函数。
JavaScript构造方法
m0_52362034的博客
07-27 569
文章目录JavaScript构造函数的理解Prototype(原型加继承) JavaScript构造函数的理解 function meterial(){ console.log("miss you"); } function product(name,sex){ var obj = {}; obj.name = name; obj.sex = sex; obj.meterial = meterial; return obj; } var obj1 = product(张三,男); //这就是简简单单对象返
javaScript 常见构造方法继承方法
那谁家的博客
03-17 248
原文链接https://www.cnblogs.com/zczhangcui/p/6389023.html 一、构造方法 1、工厂模式 　　考虑在ES中无法创建类（ES6前），开发人员发明了一种函数，用函数来封装以特定接口创建对象的细节。（实现起来是在一个函数内创建好对象，然后把对象返回）。 function createPerson(name,age,job){ var ...
JavaScript的构造函数
Yangzijiand的博客
03-27 1717
构造函数是什么？ 创建一个构造函数，专门用来创建Cat对象。 1.怎么用： 构造函数（Constructor）的创建方式和普通函数一样，但通常首字母进行大写，用于和普通函数区分，构造函数和普通函数的区别就是调用方式的不同，普通函数是直接调用，而构造函数需要使用new关键字来调用 例子： 2.返回值： (1) 没有手动添加返回值，默认返回 this (2) 手动添加一个基本数据类型的返回值，最终还是返回 this (3) 手动添加一个复杂数据类型(对象)的返回值，最终返回该对象 如果指定
构造函数语句
最新发布
06-10
当使用 `new` 关键字调用构造函数时，会创建一个新的对象实例，并将 `this` 绑定到该对象上[^4]。 ```javascript function Person(name, age) { this.name = name; // 实例成员 this.age = age; // 实例成员 } //...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值