javascript - 从另一个函数读取值的正确方法是什么？

Question

说我有这个功能

function name(){
  var first_name = "mike";
}

我想将值 first_name 传递给另一个函数——我知道你可以这样做：

function name(){
  var first_name = "mike";
  getName(first_name);
}

但是说我想访问它而不像那样传递

function name(){
  var first_name = "mike";
  getName()
}

在 getName 中，如何从 name() 函数访问 first_name？

function getName(){
   console.log(this.first_name)
}

在 PHP 中，我知道您可以使用 $this->first_name 来完成，这将如何在 javascript 中完成？另外，如果您可以在 javascript 中调用另一个函数，是否有像 PHP $this->first_name() 那样的正确方法

先感谢您

Answer 1

function name(){
  var first_name = "mike";
  return first_name;
}

function getName(){
  var get_name=name();   
  alert(get_name);
}

Answer 2

您不能从任何其他函数访问该变量，除非您像在naga 的解决方案中那样显式传递它，因为first_name它是本地的，只能name访问它。您可能想要使用原型。

function Person(name) {
  this.first_name = name || 'Mike';
}

Person.prototype = {
  getName: function() {
    return this.first_name;
  }
};

var john = new Person('John');
console.log(john.getName()); //=> John

Answer 3

有点淘气，但这是您问题的一个答案...

var first_name = "mike";

function change_name(new_name) {
  first_name = new_name;
}

function get_name() {
  return first_name;
}

console.log(get_name());

我个人更喜欢这样的设计模式......

var names = new function() {
  // The 'this' context may change within callbacks and such,
  // so this is one way to save it for later use
  var self = this;

  this.first_name = "mike";
  this.change_name = function(new_name) {
    self.first_name = new_name;
  }
  this.get_name = function() {
    return self.first_name;
  }
}

console.log(names.first_name);
console.log(names.get_name());
names.change_name("kevin");
console.log(names.first_name);