js中关于new Object时传参的一些细节分析

JS中通过new Object()方式创建对象时,可以传入一个参数来初始化对象属性。本文将介绍new Object()时传入参数的一些细节。

1. new Object()传入一个空对象

new Object()传入一个空对象时,返回的对象与直接使用对象字面量创建对象的效果一样。

const obj1 = new Object({});
const obj2 = {};

console.log(obj1); // {}
console.log(obj2); // {}
console.log(obj1 === obj2); // false
console.log(obj1 == obj2); // false

2. new Object()传入非空对象

new Object()传入一个非空对象时,返回的对象将继承这个对象的所有属性和方法。

const obj1 = { a: 1, b: 2 };
const obj2 = new Object(obj1);

console.log(obj2); // { a: 1, b: 2 }
console.log(obj1 === obj2); // false
console.log(obj1 == obj2); // false

如果非空对象包含一个数字、字符串等基本类型,并且不是封装类型对象,则返回的对象与传入的参数不同。

const num = new Number(123);

const obj1 = new Object(num);
console.log(obj1); // { [[PrimitiveValue]]: 123 }

const obj2 = new Object("hello");
console.log(obj2); // { '0': 'h', '1': 'e', '2': 'l', '3': 'l', '4': 'o' }

在这些情况下,返回的对象将成为一个只有一个属性的对象。

3. 小结

通过实际的代码示例,我们介绍了new Object()时传入参数的一些细节。除了基础知识之外,理解这些细节可以提高我们的JavaScript编程技能。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中关于new Object时传参的一些细节分析 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • 浅谈JavaScript的计时器对象

    浅谈JavaScript的计时器对象 在JavaScript中,计时器对象是一种十分实用的工具,它可以让我们控制代码的执行时间、更新动态显示效果、制作动画等等。本文将对JavaScript的计时器对象做一个简单的介绍和说明。 定时器的种类 在JavaScript中,定时器分为两种:Interval 和 Timeout。两者的作用是可以做指定的操作,不同之处在…

    JavaScript 2023年5月27日
    00
  • javascript实现弹出层效果

    实现弹出层效果通常使用javascript的模态框(Modal)实现。以下是步骤: 步骤一:构建HTML结构 为弹出层准备一个HTML结构,该结构包括带有唯一标识符的背景层和弹出层本身。如下所示: <div id="overlay"> <div id="popup"> <h2>这是弹…

    JavaScript 2023年6月11日
    00
  • 简介JavaScript中POSITIVE_INFINITY值的使用

    简介JavaScript中POSITIVE_INFINITY值的使用 在 JavaScript 中,POSITIVE_INFINITY是一个特殊的数值,表示正无穷大。它通常表示一个计算无限的结果或者是一个超过数值范围的值。在下面的内容中,我们将深入了解 POSITIVE_INFINITY 值的使用。 使用场景 除法中出现分母为零 当我们向一个数除以0时,将出…

    JavaScript 2023年5月28日
    00
  • 深入理解JavaScript的事件执行机制

    深入理解JavaScript的事件执行机制 什么是JavaScript事件? JavaScript事件是指浏览器或网页中发生的特定动作,例如点击、输入、鼠标移动等等。当触发事件时,可以运行特定的代码来响应事件。 事件执行机制 JavaScript事件执行机制分为三个阶段: 事件捕获阶段:事件从文档根节点传递到目标元素之前的过程。 目标阶段:事件达到目标元素。…

    JavaScript 2023年5月28日
    00
  • JS实现选定指定HTML元素对象中指定文本内容功能示例

    实现选定指定HTML元素对象中指定文本内容功能,可以通过JS中的DOM操作实现。具体步骤如下: 获取指定HTML元素对象 通过JS的document.getElementById()或document.querySelector()方法获取到要操作的HTML元素对象。例如,如果我们要获取ID为”myDiv”的div元素对象,可以使用以下代码: var myD…

    JavaScript 2023年6月10日
    00
  • 图片的左右移动,js动画效果实现代码

    图片左右移动是一种常见的动画特效,通常用于网站的广告展示或轮播图中。实现这种特效需要使用JavaScript的动画效果。 下面是通过步骤来讲解如何实现图片的左右移动。 步骤1:创建HTML文件和CSS样式 首先,我们需要创建一个HTML文件并在其中创建一个图片元素。然后,我们需要使用CSS样式表来定义图片的样式,包括宽度和高度,以及它的左右位置等属性。 下面…

    JavaScript 2023年6月11日
    00
  • JavaScript学习笔记之Function对象

    下面是关于“JavaScript学习笔记之Function对象”的完整攻略。 1. Function对象的概述 在JavaScript中,函数(Function)也是一种数据类型。Function对象是JavaScript内置对象之一,它可以通过Function构造函数来创建,也可以通过函数表达式直接创建。 2. Function对象的创建 2.1 通过Fu…

    JavaScript 2023年5月27日
    00
  • JavaScript async/await使用详解

    JavaScript async/await使用详解 什么是async/await async/await是ES2017中的语法,它使得异步的代码看起来更像同步的代码。async/await基于Promise,是Promise写法的一种简洁写法。 使用async/await async/await需要使用async定义异步函数,使用await等待异步操作完成…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部