从javascript中的对象调用函数

Question

我需要对此问题进行更多的澄清。我有一个对象，它有两个这样的功能。

<script type="text/javascript">
obj =
{
  f1 : function () 
  {
       var k = this. f2(param1 , param2 , param3);// I don't know whether it is correct
  },
  f2 : function (par1 , par2 , par3)
  {
      return param1 + param2 + param3;
  }
}
</script>

如何从f1调用函数f2？ 我可以在f2中声明f1吗？ 如果是，怎么回事？ 哪种方法最好？

Answer 1

不是替换上面的答案，而是提供一种选择：当我编写具有方法的对象的定义时，我更喜欢使用函数构造函数，以便隐藏“私有”闭包变量并与OOP相似。

var myClass = function() {

    /******** PRIVATE **********/

    var _s = "foo";          // Private member
    var _f = function() {};  // Private method

    /******** PUBLIC **********/

    this.s  = "bar";          // Public member
    this.f1 = function() {    // Public method
        console.log(_s + " " + this.s);  // Concat private and public
    }
    this.f2 = function() {
        this.f1();
    }
}

var myObject = new myClass();
myObject.f2(); // prints "foo bar"

Answer 2

要共享this ，最好将函数添加到obj.prototype中。

obj = {};
obj.prototype = {
    f1: function(){
    },
    f2: function(params){
    }
};

Answer 3

这样的事情可能会给你一个更好的主意。 我已经对其进行了测试。

obj =
{
  f1 : function () 
  {
  console.log("in F1");
  obj.f2();
       },
  f2 : function ()
  {
      console.log("in F2");
  }
};

console.log(obj.f1());

这是它的小提琴=> http://jsfiddle.net/CJ7Uz/

Answer 4

脱离Barmar的建议，代码如下所示：

<script type="text/javascript">
var obj = {
  f1: function ()  {
   var k = this.f2(param1 , param2 , param3);
  },
  f2: function (par1 , par2 , par3) {
    return par1 + par2 + par3;
  }
};
</script>

同样，在this.之后要留一个空格的坏主意this. 在您的代码中。 :)

Answer 5

像这样调用f2：

<pre>
<script type="text/javascript">
obj =
{
  f1 : function ()
  {
       var k = this.f2(1 , 2 , 3);// it is correct :)
       alert(k);
  },
  f2 : function (par1 , par2 , par3)
  {
      return par1 + par2 + par3;
  }
}

obj.f1();
</script>
</pre>

并查看下面的链接以找到第二个问题的答案
http://www.phpied.com/3-ways-to-define-a-javascript-class/

Answer 6

您可以通过给定的代码使用它，但要注意范围 。 请考虑以下两部分代码的输出。

obj =
{
  f1 : function () {
       var k = this. f2(1 , 2 , 3);
  },
  f2 : function (par1 , par2 , par3){
      console.log(this);
      return par1 + par2 + par3;
  }
}
obj.f1();

和

obj =
{
  f1 : function () {
       var k = this. f2(1 , 2 , 3);
  },
  f2 : function (par1 , par2 , par3){
      console.log(this);
      return par1 + par2 + par3;
  }
}
function MyClass () {
    return this;
}
MyClass.prototype = obj;
var tmp = new MyClass();
tmp.f1();

您也可以在f2中声明f1，但是如果要在其他地方使用f1，则必须编写f1 agian。

Answer 7

您的问题已解决：

      <a href="#" onclick="obj.f1()">Click</a>

       obj =
      {
        f1 : function () 
        {
            alert('f1');
            var param1=param2=param3=0;
             var k = this.f2(param1 , param2 , param3);

        },
        f2 : function (param1 , param2 , param3)
        {
            alert('f2')
            return param1 + param2 + param3;
        }
      }

有关演示，请访问此链接DEMO