在Javascript中,如何应用动态创建的函数名称

时间:2017-04-06 00:08:28

标签: javascript dynamic-function

我的目标是有效地将动态选择的变换集应用于矩阵的每个元素。我将选定的函数存储在一个数组中,然后通过矩阵一次性地应用它们。

我的问题是,如何动态创建我添加到函数数组的函数的名称?

fiddle包含我的尝试。我的问题包含在评论栏中。

function dynam () {

  var prepend = 'before - ';
  var append = ' - after';
  var whichCase = 'Upper';

  var functionsToApply = [];
  var matrix = [
                   ['aBc', 'DeF'],
                   ['ghi', 'JKL'],
               ];

  var out = 'Initial: ' + matrix.join(' | ');
  document.getElementById('output').innerHTML =  out + '\n';
  console.log(out);

  // Set up transforms
  if (whichCase == 'Lower') {
    functionsToApply.push(function(v) {return v.toLowerCase();});
  } else if (whichCase == 'Upper'){
    functionsToApply.push(function(v) {return v.toUpperCase();});
  }

// How can the function be defined dynamically?
// Perhaps something like:
//  if(['Lower','Upper'].indexOf(whichCase) != -1) {
//    functionsToApply.push(function(v) {'return v.to' + which + 'Case();'});
//  }

  if (prepend && prepend.length > 0 && prepend != 'none') {
    functionsToApply.push(function(v) {return prepend + v;});
  }
  if (append && append.length > 0 && append != 'none') {
    functionsToApply.push(function(v) {return v + append;});
  }

// Apply all of the transforms to each of the elements of the matrix
  matrix = matrix.map(function(row){
    return row.map(function(val) {
      for (var fn = 0; fn < functionsToApply.length; fn++) {
        val = functionsToApply[fn](val);  
      }
      return val;
    })
  }); 

  out = 'Final: ' + matrix.join(' | ');
  document.getElementById('output').innerHTML +=  out + '\n';
  console.log(out);
}

1 个答案:

答案 0 :(得分:2)

我喜欢在这种情况下在哈希中声明我的函数,然后你可以根据传入的值来调用它们,这是哈希的关键。

更新:我添加了一种动态获取低/低功能的方法,并调用它。

function dynam(whichCase, prepend, append, matrix) {

 var functionHash = {
  "Lower" : function(v) {return v.toLowerCase();},
  "Upper" : function(v) {return v.toUpperCase();},
  "Prepend" : function(v) {return prepend + v;},
  "Append": function(v) {return v + append;}
 }

// to actually get the case function based on the word passed in, 
// you can do it this way.

 var lowerUpperFunction = String.prototype['to' + whichCase + 'Case'];
 var str = lowerUpperFunction.call("xyz");
 console.log(str);

  var functionsToApply = [];
  
  var out = 'Initial: ' + matrix.join(' | ');
  console.log(out);
 
 // see how we just take the whichCase and make that a call to the hash?
 functionsToApply.push(functionHash[whichCase]);

if (prepend && prepend.length > 0 && prepend != 'none') {
    functionsToApply.push(functionHash["Prepend"]);
  }

if (append && append.length > 0 && append != 'none') {
    functionsToApply.push(functionHash["Append"]);
}

// Apply all of the transforms to each of the elements of the matrix
  matrix = matrix.map(function(row){
    return row.map(function(val) {
      for (var fn = 0; fn < functionsToApply.length; fn++) {
        console.log("applying function to val" + val );
        val = functionsToApply[fn](val);  
      }
      return val;
    })
  }); 

  out = 'Final: ' + matrix.join(' | ');
  return out;
}


  var p = 'before - ';
  var a = ' - after';
  var w = 'Upper';
  var m = [
             ['aBc', 'DeF'],
             ['ghi', 'JKL'],
         ];
  
 console.log( dynam(w, p, a, m) );