javascript - 将 JavaScript 函数变量设置为可选并执行代码(如果缺少)？

Question

我正在构建下面这个简单的 JavaScript/jQuery 代码，它将更新我的项目管理应用程序的圆形图样式 CSS 图表。

如果您查看下面的函数，您会发现我添加了一个变量，该变量被传递到名为 percent 的函数中。这将允许我通过调用函数并将所需的百分比数字传递到函数中来更新图形。

在第 4 行，您可以看到我有其他代码，通过读取 DIV 上的数据属性来设置 percent 变量。var% = parseInt($ppc.data('percent'));

我的目标是拥有这两个功能!

所以基本上希望函数 updateProjectPercentageGraph(percent) 百分比变量是可选的。

A)
所以如果这个函数像这样被调用......updateProjectPercentageGraph(percent) 然后它将使用传递到函数中的 Percent 值。

&

B)
当函数被这样调用时...
updateProjectPercentageGraph() 没有将百分比变量/值传递到函数中...那么 Percent 值将来自函数内的这段代码... var% = parseInt($ppc.data('percent')); 相反。

有人可以告诉我如何使用 JavaScript/jQuery 实现此目的吗？

使用 PHP 非常简单，但使用 JavaScript 我不确定如何做到这一点，或者是否可以按照我描述的方式实现？

函数 updateProjectPercentageGraph(percent)... 的 JavaScript 代码

// Update Project DetailView Project Percentage Graph
function updateProjectPercentageGraph(percent){
  var $ppc = $('.progress-pie-chart'),
    //percent = parseInt($ppc.data('percent')),
    deg = 360*percent/100;
  if (percent > 50) {
    $ppc.addClass('gt-50');
  }
  $('.ppc-progress-fill').css('transform','rotate('+ deg +'deg)');
  $('.ppc-percents span').html(percent+'%');
};

JavaScript 函数运行时 HTML/CSS 会是什么样子...

我想要的 PHP 功能示例。我需要这个功能，但是在 JavaScript 中...

// Update Project DetailView Project Percentage Graph
function updateProjectPercentageGraph($percent = ''){
    if(isset($percent) && $percent != ''){
        // $percent is set in the Function constructor/variable
    }else{
        // $percent is NOT SET, so we need to get or build it;s value from elsewhere!
    }
};

Answer 1

JavaScript 目前没有任何对此得到良好支持的语法糖(但请参阅 ECMAScript 6 )，但所有参数都是可选的，并且默认为 undefined。

function updateProjectPercentageGraph(percent) {
    if (typeof percent === "undefined") {
        percent = "some default value";
    }
}