javascript - jQuery 插件 - 在变量上调用插件方法

Question

我正在尝试开发一个非常基本的 jquery 插件，它使用 toLocaleString 方法将数字格式化为语言环境字符串，这样我就可以在我的脚本中重复调用我自己的数字方法，但我似乎做不到让它正常工作，它总是返回未定义的数字。

JSFiddle:https://jsfiddle.net/wuwgtpt3/2/ .

JS:

$.fn.formatCommas = function() {
  parseFloat(this).toLocaleString(undefined, {
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
  })
}

var number = 1000000;

//attempt 1
var formatted = $.formatCommas(number);

//attempt 2
var formatted = $(number).formatCommas();

console.log('formatted number: ' + formatted);

$('#number').val(number);

$('#formatted').val(formatted);

Answer 1

试试，我已经测试过了:

JSFiddle:https://jsfiddle.net/pvviana/42jcdzz4/

$.fn.formatCommas = function(str){
        return parseFloat(str).toLocaleString(undefined, {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
        });
}

var number = 1000000;

//attempt 1
var formatted = $.fn.formatCommas(number);


console.log('formatted number: ' + formatted);

$('#number').val(number);

$('#formatted').val(formatted);