前言

学习 JavaScript 时常见的痛点有：

• 为什么字符串是原始类型，却能使用 .length.split 等属性和方法？
• new 关键字到底做了什么？为什么同一个函数既能普通调用也能通过 new 创建实例？
• 原始类型和引用类型到底有什么区别，为什么后者可以随意添加属性？

下面将从对象创建、new 原理还有包装类机制这三个层面一次性梳理这些疑惑。

一、JavaScript 的类型程序

JavaScript 中一切皆对象——但大部分操作围绕对象展开。老实说，

两大类型分类

至于主要区别示例，原始 vs 引用可变性

let str = 'hello';str.name = '我的字符串';console.log，// undefined
let obj = { name: '张三' };obj.age = 30;console.log，// 30

关键点： 原始值不能持久化属性，导致看似“无属性”的现象。后续内容会解释其背后的“包装”过程。

二、创建对象的三种方式

1️⃣ 字面量

// 对象字面量
const person = {
name这方面。'张三',age: 28,sayHello {
console.log;}
}，// 数组字面量
const list =;说起来，// 函数字面量
const fn = function {
console.log;}，console.log;优点： 简洁直观，是日常开发中几乎所有代码都使用的方法。/*

2️⃣ new Object

const obj1 = new Object;obj1.name = '张三';obj1.age = 28;不过，

// 等价于 const obj2 = { name的观点是。'张三',age: 28 };特点： 与字面量效果相同，但更冗长；老实说，性能略逊于字面量；实际开发中很少单独使用，

#️⃣ 3️⃣ new 构造函数#️⃣ 当需要大量结构相同的实例时用构造函数： javascript function Person { this.name = name;this.age = age;this.sayHello = function { console.log;}，} const p1 = new Person;const p2 = new Person;按理说，p1.sayHello;// "你好，我是张三" p2.sayHello;// "你好，我是李四" 优点： 可以批量创建结构相同的对象。是面向对象编程的基础，

#️⃣ 三️⃣ JS函数的二义性：普通调用 vs new 调用 #️⃣ JavaScript 中的函数既可作为普通函数，也可作为构造器。不同调用方式会影响内部 This 指针。

"我想知道这个区别到底如何影响代码执行"

Mistake Alert:

Aha!: "命名约定"——构造器首字母大写，例如 User 与 User 区分清晰。

#️⃣ 四、new 的工作原理#️⃣ **背后发生了哪些步骤？老实说，** 至于**答案**，new 做了以下四件事。

• Create a brand‑new empty object.
• Binds constructor’s `this` to that object.
• Sets object's internal ] to `Constructor.prototype`.
• If constructor returns an object explicitly – that object wins;orwise it returns newly created one.

` --- ### 示例：手写 myNew javascript function myNew { const obj = {};// 第一步先：空对象 const result= Constructor.apply;按理说，// 接下来：执行体。把 this 指向 obj obj.__proto__= Constructor.prototype;// 然后：设置 __proto__ return result instanceof Object?result : obj;// 第四步：返回结果或默认 obj } 测试这方面，javascript function Person{ this.name=name;其实，} const p=myNew;console.log，// Zhao 六 console.log;其实，// true ### 特殊情况 *如果构造器手动返回一个 **对象**。那就直接返回它，如果返回的是 **原始值** 或 `undefined`。则忽略，仍返回 `this`。* javascript function Foo{ this.x=10;return {y:20};} console.log.y);//20 function Bar{ return null;} // null 被忽略 -> 返回自身对象 console.log);//

---

#️⃣ 五、包装类：让原始值拥有方法 #️⃣

为什么字符串能读 length？

因为引擎在后台做了「装箱」与「拆箱」。

装箱流程举例

javascript let str='hello';console.dir，按理说，// Internally: // tempObj=new String;// 装箱 —— 临时 String 对象被创建 // result=tempObj.length;其实，// 在临时对象上读取 length // tempObj被立即销毁 // 返回长度值

为什么不能给 str 添加自定义属性？老实说，

因为你操作的是临时包装器： javascript str.myProp='abc';话说回来，// 是在 tempObj 上做赋值 // tempObj 被销毁 -> 属性消失 console.log;// undefined 对比真正持久化的对象： javascript let persistent=new String;persistent.myProp='abc';console.log，//'abc'

包装类对应关系表

包装类	对应原始型别名	主要原型成员
String	string	length。split,toUpperCase,charAt…
Number	number toFixed。 toString,valueOf…
Boolean toString,valueOf …话说回来，

原型链查找过程简述

V8 在尝试访问任何属性时： 1. 检查自身是否拥有该键；2. 若没有，则沿着 __proto__ 链往上查找；3. 找到为止或到达链顶端 null。以 `'hello'.length` 为例： * 临时 String 对象自身没有 length → 查找 `String.prototype` → 找到内部实现 → 返回数值。

---

六、 & 一图说明

主要概念回顾表

概念名称	一句话解释

;JS 全部以对象为中心，但并非所有实体都是可变形容。老实说，|

/ &amp，amp;amp，amp;amp，;/ &，amp;，/&，/&;/&，;/&，/>

---

一句话记住