javascript中new关键字详解

JavaScript中的`new`关键字介绍

JavaScript中的`new`关键字并不是用来创建类的实例对象，而是用于实现对象的继承。接下来，让我们一起JS中`new`的奥秘。

假设我们有一个`Animal`函数，并为其添加了属性和方法：

```javascript

function Animal(name){

this.name = name;

}

Animal.color = "black";

Animal.prototype.say = function(){

console.log("I'm " + this.name);

};

```

当我们使用`new`关键字创建一个新的对象`cat`：

```javascript

var cat = new Animal("cat");

```

这背后的工作原理是这样的：

1. 创建一个空对象`obj`。

2. 将`obj`的原型链指向`Animal.prototype`，形成了`obj->Animal.prototype->Object.prototype->null`的原型链。

3. 在`obj`的执行空间内调用`Animal`函数，并传递参数“cat”。这时，`obj`会获得一个属性`name`，其值为“cat”。

4. 如果在调用`Animal`函数时没有返回其他对象，则`new`关键字会返回创建的`obj`对象。否则，会返回调用`Animal`函数后的返回值。

当我们执行：

```javascript

console.log(cat.name); // 输出 "cat"

cat.say(); // 输出 "I'm cat"

```

我们知道，`cat`对象继承了`Animal`的原型方法`say`，并且拥有自己的属性`name`。

同样，当我们尝试访问`Animal.name`和`Animal.color`时，我们实际上是在访问函数对象上的属性，而不是实例对象上的属性。如果我们尝试调用`Animal.say()`，由于这不是一个定义在原型链上的方法，所以会报错。因为我们在函数对象上并没有定义名为“say”的函数。所以输出结果为：Animal没有名为say的方法。为了理解上述内容，你需要对JavaScript的原型链和继承机制有深入的了解。通过上面的，我们可以知道如何通过原型链在对象之间共享方法和属性。理解了这一点后，你会对JavaScript中的对象和函数有更深入的理解。如果你还有其他关于JavaScript的问题或需要进一步的解释，请随时告诉我！JavaScript中的对象与原型链：深入了解`cat.name`和`Animal`的原型链

当我们讨论JavaScript中的对象和方法时，经常会遇到诸如`cat.name`和`Animal`的原型链这样的概念。为了更好地理解这些概念，让我们深入一下。

假设我们有一个`cat`对象和一个`Animal`构造函数。在JavaScript中，对象都有自己的属性和方法。当我们尝试访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，JavaScript会沿着原型链进行查找。

对于`cat.name`，如果`cat`对象本身没有`name`属性，那么JavaScript会沿着其原型链查找。同样，对于`cat.say`方法，如果`cat`对象没有这个方法，JavaScript会在其原型链上查找。值得注意的是，在`say`方法中访问的`this.name`指的是调用该方法的对象的`name`属性。

现在让我们来看看`Animal`的原型链。从调试结果来看，`Animal`的原型链是：`Animal -> Function.prototype -> Object.prototype -> null`。这意味着当我们尝试在`Animal`问一个属性或方法时，如果`Animal`本身没有这个属性或方法，JavaScript会首先在`Function.prototype`上查找，然后是`Object.prototype`，最后到达`null`。值得注意的是，在JavaScript中，每个函数都有一个`prototype`属性，这个属性指向一个原型对象。当我们使用`new`关键字创建一个新的对象时，这个新对象会继承构造函数的原型对象上的属性和方法。

关于使用`new`关键字的不同方式，它确实涉及到JavaScript的继承机制。在第一种方式中，我们创建了一个带有方法和属性的对象，并使用`new`关键字创建了一个实例。这个实例继承了构造函数原型上的方法和属性。而在第二种方式中，我们直接创建了一个包含方法和属性的对象，并没有使用构造函数和原型。这两种方式的主要区别在于如何组织和扩展代码以及如何使用继承。

理解JavaScript中的对象和原型链是理解该语言的重要组成部分。通过理解这些概念，我们可以更好地理解和使用JavaScript中的对象和方法，并编写出更高效的代码。无论是使用构造函数和原型来创建对象，还是直接使用字面量创建对象，关键是要理解如何访问和使用对象的属性和方法，以及JavaScript的继承机制。