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

yizhihongxing

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基本类型值-Number类型

    JavaScript基本类型值-Number类型 Number类型概述 JavaScript中的Number类型用于表示数字,在JavaScript中,整数、小数、负数等都可以用Number类型表示。 Number类型的创建方式 可以使用以下方式创建Number类型: 直接使用数字赋值,如:var num = 123; 使用Number函数创建Number对…

    JavaScript 2023年6月10日
    00
  • JavaScript TypeScript实现贪吃蛇游戏完整详细流程

    JavaScript TypeScript实现贪吃蛇游戏完整详细流程 1. 前置技能 开发这个项目需要对以下技术点有所了解: HTML 和 CSS 基础知识 JavaScript 的语法和基本的编程能力 TypeScript 的基本语法和类型声明 Canvas 知识 2. 项目总体思路 本项目的核心代码部分是实现贪吃蛇在 Canvas 画布上的移动和碰撞检测…

    JavaScript 2023年5月27日
    00
  • Express框架定制路由实例分析

    Express是Node.js中最常用的Web应用程序框架之一,支持基于路由的Web应用程序实现。在实际项目中,我们通常需要根据具体的业务需求来定制我们的路由,掌握Express框架定制路由的使用是非常重要的。下面是详细的操作攻略。 一、搭建Express框架环境1. 首先我们需要安装Node.js和npm,可以在Node.js官网上下载相应版本并安装。2.…

    JavaScript 2023年6月11日
    00
  • js url传值中文乱码之解决之道

    我会为你详细讲解”js url传值中文乱码之解决之道”的完整攻略。 标准规范 在URL传值的过程中,中文数据因为编码问题可能会引起乱码。解决方法是采用UTF-8编码,使用encodeURIComponent()函数进行编码,使用decodeURIComponent()函数进行解码。 代码示例1: //编码(传值时) var name = "张三&q…

    JavaScript 2023年5月19日
    00
  • js+canvas实现网站背景鼠标吸附线条动画

    实现网站背景鼠标吸附线条动画可以使用js+canvas技术实现,具体过程如下: 设计思路 使用canvas创建一个全屏的画布。 监听鼠标移动事件,实时获取鼠标的坐标位置。 创建一个数组存储所有的点,每个点有一定的速度,通过一个定时器不断的移动这些点,形成连续的轨迹。 每一个点的位置在不停地变动,需要实时计算每个点与鼠标的距离,并在一定范围内绘制一条线条连接两…

    JavaScript 2023年6月11日
    00
  • JavaScript CSS优雅实现网页多主题风格换肤功能详解

    JavaScript CSS优雅实现网页多主题风格换肤功能详解 什么是多主题风格换肤? 多主题风格换肤是指让用户可以在网页中自行选择不同的样式主题,以达到更好的用户体验和用户喜爱的效果。这种功能广泛运用在网站的日间模式与夜间模式之间的切换。 如何实现多主题风格换肤? 实现多主题风格换肤需要掌握两个关键技能: CSS变量 JavaScript应用CSS类 CS…

    JavaScript 2023年5月19日
    00
  • JavaScript 消息框效果【实现代码】

    JavaScript 消息框效果指的是在网页中弹出一些提示信息的效果,通常包括警告、确认、提示等类型。以下是实现该效果的完整攻略。 1. HTML 结构和样式 首先,我们需要创建 HTML 结构和样式,来实现弹出框的界面。以下是一个简单的 HTML 结构: <div class="modal"> <div class=&…

    JavaScript 2023年6月11日
    00
  • Javascript的数组与字典用法与遍历对象的属性技巧

    Javascript的数组与字典用法 数组 数组是Javascript中常用的数据结构之一,它是一种有序的、可重复的数据集合,可以通过索引来访问其中的元素。 定义和初始化数组 Javascript中定义数组有两种方式,一种是使用Array构造函数,另一种是使用数组字面量。 使用Array构造函数可以这样定义一个空数组: var arr = new Array…

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