JavaScript高频八股

一、原型和原型链

1、概念：

每个对象都有一个隐藏的属性__proto__（原型），指向它创建时的构造函数的prototype（原型对象）。当访问对象的一个属性或方法时，如果对象本身没有，就会去它的__proto__上找，如果还没有，就继续往上，直到null（原型链的终点）。这个查找的链条就是原型链。

2、核心概念

• prototype（显式原型）：函数独有的属性。当你定义一个函数时，它会自动获得一个prototype属性，这个属性是一个对象，用来存放所有由该函数构造出来的实例共享的属性和方法。

• __proto__（隐式原型）：对象独有的属性。每个对象（包括函数对象）都有一个__proto__属性，它指向创建这个对象的构造函数的prototype。

• constructor（构造器）：每个prototype对象都有一个constructor属性，指向它关联的构造函数。

3、回答要点：

1. 原型是 JS 实现继承的机制，通过__proto__将对象串联起来。

2. 函数有prototype，实例对象有__proto__，实例的__proto__指向构造函数的prototype。

3. 原型链的终点是null。

4. 属性查找是向上追溯的，这就是原型链的意义。

5. 实际开发中，我们可以利用原型链来挂载共享方法节省内存，也可以通过hasOwnProperty来区分自身和继承属性。同时要注意性能问题，避免在原型链上查找太深。

4、画原型链要点：

（1）引用类型都是对象，每个对象都有原型对象。
（2）对象都是由构造函数创建，对象的__proto__属性指向其原型对象，构造函数的prototype属性指向其创建的对象实例的原型对象，所以对象的__proto__属性等于创建它的构造函数的prototype属性。
（3）所有通过字面量表示法创建的普通对象的构造函数为Object
（4）所有原型对象都是普通对象，构造函数为Object
（5）所有（构造）函数的构造函数是Function
（6）Object.prototype没有原型对象，所以Object.prototype._proto_=null

最后对原生构造函数Object和Function下手：

// 原生构造函数也是函数对象，其构造函数为Function
Object.__proto__ === Function.prototype
// 特例
Function.__proto__ === Function.prototype

二、JS手撕：

1.数组扁平化：

概念：把多层嵌套的数组（数组套数组）"拍平"成一层的数组，例子：

// 原始数组（嵌套了多层） const nested = [1, [2, 3], [4, [5, 6]]]; // 扁平化后（变成一层） const flat = [1, 2, 3, 4, 5, 6];

递归法：

其中，arr[i]instanceofArray判断数组元素是不是数组

concat是 JS 数组的方法，用来把两个或多个数组合并成一个新数组

function flatten(arr) { let result = []; for (let i = 0; i < arr.length; i++) { if (arr[i] instanceof Array) { // 是数组：递归拍平，然后合并 result = result.concat(flatten(arr[i])); } else { // 不是数组：直接添加 result.push(arr[i]); } } return result; }

三、this指向

四、foreach map区别