浅谈js函数中的实例对象、类对象、局部变量(局部函数)

下面是我为你准备的关于“浅谈js函数中的实例对象、类对象、局部变量(局部函数)”的完整攻略。

什么是实例对象？

在 JavaScript 中，实例对象指使用 new 关键字创建的对象。当我们用构造函数创建一个新对象时，对象被实例化为该构造函数的一个实例。该实例对象从构造函数继承了属性和方法，可以独立地操作其属性和方法，而不会影响其他实例对象。

下面是一个示例：

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

var john = new Person(‘John’);
var jane = new Person('Jane');

console.log(john.name); // 输出 'John'
console.log(jane.name); // 输出 'Jane'

在上面的代码中，john 和 jane 都是 Person 构造函数的实例化对象，它们分别拥有 name 属性，并且这些属性值分别为 'John' 和 'Jane'。

什么是类对象？

在 JavaScript 中，类对象（也称为静态对象）指由构造函数本身定义的对象。在 JavaScript 中，每个函数都可以被视为一个构造函数，它们都有“类属性”和“实例属性”。

例如：

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

Person.prototype.sayName = function() {
  console.log('My name is ' + this.name);
};

console.log(Person.sayHello); // undefined
console.log(Person.prototype.sayName); // 输出函数定义

在上面的代码中，Person 是一个构造函数，它定义了类属性 sayHello 以及实例属性 name 和 sayName。但是，由于 sayHello 是一个类属性，我们不能通过实例对象来访问它；我们只能直接通过构造函数来访问。

什么是局部变量和局部函数？

在 JavaScript 中，局部变量和局部函数是指在函数作用域内定义的变量和函数，只能在函数内部使用，外部无法访问。在函数作用域内定义变量或函数的好处是可以避免与全局作用域的变量或函数发生命名冲突。

下面是一个示例：

function foo() {
  var bar = '局部变量';

  function baz() {
    console.log(bar);
  }

  baz();
}

foo(); // 输出 '局部变量'
console.log(bar); // Uncaught ReferenceError: bar is not defined

在上面的代码中，我们定义了一个函数 foo，它包含了一个局部变量 bar 和一个局部函数 baz。在 baz 函数中，我们可以访问到 bar，并将其输出到控制台。然而，在函数外部，我们无法访问到 bar，因为它是一个局部变量。

总结

在 JavaScript 中，实例对象、类对象、局部变量和局部函数都是很常见的概念。了解这些概念并了解它们如何运作可以帮助您更好地理解代码，并且可以使您更加熟练地编写JavaScript代码。