js中什么是原型链

在JavaScript中，原型链是一种实现对象间继承的机制。每个JavaScript对象都有一个指向其原型对象的内部链接，这个原型对象也是一个普通的对象，并包含一些属性和方法。如果在一个对象上找不到某个属性或方法，JavaScript引擎会沿着这个对象的原型链向上查找，直到找到该属性或方法，或者到达原型链的末端（即null）。

基础概念：

原型对象（Prototype）：每个JavaScript对象都有一个原型对象，它包含了可以被其他对象共享的属性和方法。
构造函数（Constructor）：用于创建和初始化对象的特殊函数。通过new关键字调用构造函数可以创建新的对象实例。
__proto__属性：每个对象都有一个__proto__属性，它指向该对象的原型对象。
prototype属性：每个函数都有一个prototype属性，它指向一个原型对象，该对象包含可以被该函数创建的所有实例共享的属性和方法。

优势：

实现了对象间的继承，提高了代码的重用性。
可以动态地添加、修改或删除原型链上的属性和方法，从而影响所有相关的对象实例。

类型：

构造函数原型：通过构造函数的prototype属性定义的原型对象。
对象字面量原型：通过对象字面量创建的对象，其原型指向Object.prototype。

应用场景：

实现对象间的继承关系。
共享方法和属性，减少内存消耗。
实现JavaScript的类（class）语法糖背后的机制。

问题及解决方法：

问题：为什么在原型链上查找属性或方法时，如果找不到会报错？

原因：当沿着原型链向上查找属性或方法时，如果到达原型链的末端（即null）仍然找不到，JavaScript引擎会返回undefined。但是，如果试图访问一个不存在的属性或方法的值，就会报错。

解决方法：在使用属性或方法之前，先检查它们是否存在。可以使用typeof操作符或者直接比较属性是否为undefined。

示例代码：

function Person(name) {
  this.name = name;
}

Person.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
};

var john = new Person('John');

// 访问存在的属性
console.log(john.name); // 输出: John

// 访问不存在的属性，返回undefined，不会报错
console.log(john.age); // 输出: undefined

// 调用存在的方法
john.sayHello(); // 输出: Hello, my name is John

// 调用不存在的方法，会报错
// john.sayGoodbye(); // 报错: john.sayGoodbye is not a function

// 解决方法：先检查方法是否存在
if (typeof john.sayGoodbye === 'function') {
  john.sayGoodbye();
} else {
  console.log('sayGoodbye method does not exist');
}

在这个示例中，我们定义了一个Person构造函数和一个sayHello方法。当我们创建一个Person实例并尝试访问其属性和方法时，JavaScript引擎会沿着原型链查找。如果我们尝试访问一个不存在的属性或方法，就会得到undefined或报错。为了避免报错，我们可以先检查属性或方法是否存在。