如何在javascript函数内部访问外部函数变量？

Question

我的 javascript 中有一个 percent 变量，该变量从 PHP 传递结果。

这是javascript：

test.js

console.log(percent); //* //variable was passed from PHP

function displayLoading() {
    console.log(percent); //**
}

如果我使用 *console.log(percent) out 函数，它将在控制台中打印出percent 的值。但如果我在displayLoading 函数中使用**console.log(percent)，它将打印输出为undefined。

如何在函数内部访问外部variable？

我试过这种方法

来自stackoverflow

var funcOne = function() {
    this.sharedVal = percent;
};
var funcTwo = function() {
    console.log(funcOne.sharedVal);
};

并将 print_out undefined 输入控制台日志。

和

来自stackoverflow

var per = percents
console.log(per);   //this line print_out the value into console log

function displayLoading() {
   console.log(per);    //this print_out "undefined" into console log.
   var myPercent = per;
   console.log(per);    //and also print_out "undefined" into console log.
}

上面的两个代码都不适合我，有人知道另一种方法吗？ 任何帮助表示赞赏，谢谢:)

已编辑：

上面javascript里面的percents，我是从这段代码中得到的：

headerController.php

<?php
   $percent = $percent + 10;
?> 
    <script type="text/javascript">
       var percents = <?= $percent; ?>;
    </script>
    <script type="text/javascript" src="../../web/js/test.js"></script>

主要问题找到了，我之所以得到undefined是因为我在变量从php传递过来之前打印了percents。

如何将 php 变量直接传递给 javascript 文件（本例中为 test.js）中的函数？

Answer 1

定义一个全局变量。

percent = 'foobar';
// window.percent = 'foobar'; /* same thing */

function showthing() {
  console.log(percent);
}

showthing();

Answer 2

尝试从var per = percents 中删除var。像这样

per = percents
console.log(per);   //this line print_out the value into console log

function displayLoading() {
   console.log(per);    
   var myPercent = per;
   console.log(per);    
}

Answer 3

我不知道你在说哪个控制台（浏览器或 JS REPL - 但它们几乎相同），但 REPL 总是输出函数的返回值。 如上所述，我认为这与全局/本地范围无关。

>> p = 5; function dl() { console.log(p); }
<- 5
>> dl()
   5 
<- undefined
>> foo = function() { return "foo" }
<- function foo()
>> foo()
<- "foo"

Answer 4

一个变量：

1) 用var 声明的关键字具有声明它的本地范围。（如果您在函数外部声明它，则不能在函数内部使用它，反之亦然。

例子：

   var  percent = 'foobar';
    function showthing() {
      console.log(percent);//wrong
    }
    console.log(percent);//correct

2) 在特定函数内声明在函数内具有局部作用域。

例子：

     function showthing() {
     var  percent = 'foobar';
      console.log(percent);//correct
    }
console.log(percent);//wrong

Answer 5

从 PHP 传递变量的方式是否有问题，比如 AJAX？当您调用 displayLoading() 时，AJAX 调用可能尚未应答。