javascript - 为什么我的全局变量仍然未定义？

Question

我在分配给我的全局变量的函数中有一个返回参数。但是当我尝试在另一个函数中使用它时，它不会返回任何值，只是 undefined。我读了这个scope知道如何使用全局变量，但它在示例之后不起作用。

var bookTitle = asksForBookTitle();

function asksForBookTitle() {
  var docBookTitle = document.getElementById('addbook-book-title');
  var valBoodTitle = docBookTitle.value;
  return valBoodTitle;
}

function getBookTitle() {
  alert(bookTitle);
}

<input id="addbook-book-title" type="text" name="Book Title" placeholder="Book Title">

<button id="btn-save" type="button" onclick="getBookTitle()"> Save </button>

Answer 1

因为您是在用户输入任何数据之前分配给全局变量。这是固定版本:

var bookTitle;

function asksForBookTitle() {
  var docBookTitle = document.getElementById('addbook-book-title');
  var valBoodTitle = docBookTitle.value;
  return valBoodTitle;
}

function getBookTitle() {
  bookTitle = asksForBookTitle();
  alert(bookTitle);
}

<input id="addbook-book-title" type="text" name="Book Title" placeholder="Book Title">

<button id="btn-save" type="button" onclick="getBookTitle()"> Save </button>

你甚至不需要为此设置一个全局变量:

function getBookTitle() {
  var docBookTitle = document.getElementById('addbook-book-title');
  var valBoodTitle = docBookTitle.value;
  alert(valBoodTitle);
}

<input id="addbook-book-title" type="text" name="Book Title" placeholder="Book Title">

<button id="btn-save" type="button" onclick="getBookTitle()"> Save </button>