当前位置: 首页 > wzjs >正文

网站建站知识今日国际新闻最新消息

网站建站知识,今日国际新闻最新消息,网站背景跟着鼠标动的图怎么做,网站店铺建设在JavaScript中,Object() 是一个基础构造函数,用于创建对象或转换值为对象类型。它既是语言的核心组成部分,也提供了一系列静态方法用于对象操作。以下是详细解析和应用示例: 一、Object() 的基本行为 作为构造函数(…

在JavaScript中,Object() 是一个基础构造函数,用于创建对象或转换值为对象类型。它既是语言的核心组成部分,也提供了一系列静态方法用于对象操作。以下是详细解析和应用示例:

一、Object() 的基本行为

  1. 作为构造函数(使用 new 调用):
    • 创建空对象:const obj = new Object() 等价于字面量 {}。
    • 若传入值,则根据类型转换:
      • 对象 → 直接返回原对象(不创建新对象)。
      • null/undefined → 返回空对象 {}。
      • 原始值(数字、字符串、布尔) → 返回对应的包装对象(如 new Number(1))。
console.log(new Object(123));      // [Number: 123]
console.log(new Object("hello"));  // [String: 'hello']
console.log(new Object(true));     // [Boolean: true]
  1. 作为普通函数(不使用 new):
    • 行为与 new Object() 完全一致。

二、核心应用场景

  1. 类型转换:将值转为对象
const numObj = Object(42); // 等价于 new Number(42)
console.log(typeof numObj); // "object"
  1. 创建空对象
const obj = Object(); // 等同于 {} 或 new Object()
obj.key = "value";
console.log(obj); // { key: 'value' }
  1. 复制对象(浅拷贝)
const original = { a: 1, b: { c: 2 } };
const copy = Object(original); // 直接返回原对象
console.log(copy === original); // true(同一引用)

三、Object 的静态方法(关键工具)

  1. 属性操作
  • Object.keys(obj):获取对象自身可枚举属性的键数组。
const user = { name: "Alice", age: 30 };
console.log(Object.keys(user)); // ["name", "age"]
  • Object.values(obj):获取对象自身可枚举属性的值数组。
console.log(Object.values(user)); // ["Alice", 30]
  • Object.entries(obj):获取键值对数组。
console.log(Object.entries(user)); // [["name", "Alice"], ["age", 30]]
  1. 对象合并
  • Object.assign(target, …sources):
    将源对象的属性合并到目标对象(浅拷贝)。
const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source); 
console.log(target); // { a: 1, b: 2 }
  1. 原型与对象创建
  • Object.create(proto):
    以指定原型创建新对象。
const parent = { greet: () => "Hello!" };
const child = Object.create(parent);
console.log(child.greet()); // "Hello!"
  1. 属性定义
  • Object.defineProperty(obj, prop, descriptor):
    精确控制属性行为(如是否可写、可枚举)。
const obj = {};
Object.defineProperty(obj, "readOnly", {value: 100,writable: false,
});
obj.readOnly = 200; // 静默失败(严格模式报错)
console.log(obj.readOnly); // 100
  1. 对象保护
  • Object.freeze(obj):
    冻结对象,禁止修改(添加/删除/修改属性)。
const frozen = Object.freeze({ value: 42 });
frozen.value = 100; // 无效(严格模式报错)
  • Object.seal(obj):
    禁止添加/删除属性,但允许修改现有属性。

四、注意事项

  1. 原始值包装对象:
    Object(123) 会创建 Number 包装对象,而非原始值。优先使用原始值避免意外行为。
  2. 深拷贝问题:
    Object.assign() 是浅拷贝。深拷贝需使用 JSON.parse(JSON.stringify(obj)) 或工具库(如 Lodash)。
  3. 性能:
    字面量 {} 比 new Object() 更高效,推荐使用字面量。

五、应用总结

场景推荐方法
创建空对象{}(字面量)
合并对象Object.assign() 或扩展运算符 …
获取键/值/键值对Object.keys()/values()/entries()
保护对象Object.freeze()/seal()
精确控制属性Object.defineProperty()
http://www.dtcms.com/wzjs/440878.html

相关文章:

  • 网站开发用什么软件开发北京seo关键词优化外包
  • 中专网站建设与管理就业前景seo黑帽技术
  • 网站开发好还要空间吗手机百度seo快速排名
  • 广州网站建设说说外链的建设什么是全网营销推广
  • WordPress扫码seo 技术优化
  • 济南商城网站制作企业做推广有几种方式
  • 廊坊做网站的电话如何制作网页
  • 外贸公司网站多少钱外包网络推广营销
  • 保险理财网站建设百度智能云官网
  • 斐讯路由器做网站映射百度权重怎么看
  • 现在建设网站落后了武汉最新消息今天
  • 说说B2C网站建设的一些推广方法友缘在线官网
  • 建设购物网站百度关键词搜索指数查询
  • 上海做产地证在哪个网站录入seo网站搜索优化
  • 鞍山网站怎么做出来的免费刷网站百度关键词
  • 做网站要多少费用天津seo
  • 简述网站的建设步骤海外免费网站推广有哪些
  • 动漫设计学校哪里好谷歌seo教程
  • 网站产品展示模板成都seo专家
  • 微信小程序怎么加入我的小程序廊坊快速优化排名
  • 网站建设基础大纲文案网络广告营销案例有哪些
  • 深圳公司做年报网站上海seo推广
  • 网站四对联广告代码网络营销图片素材
  • w5500做服务器网站全球网站流量排名查询
  • 淄博学校网站建设方案辅导班
  • 吉林省建设厅网站评职称系统创建网站步骤
  • 自己做网站如何盈利网站页面设计模板
  • 中山网站建设文化方案下列哪些店铺适合交换友情链接
  • 没有网站也可以做外贸吗广州网站建设费用
  • 企业公司建网站的步骤谷歌搜索关键词排名