JavaScript構造函數中的函數調用原型函數

Question

我搜索了很長時間的這個問題。不會找到任何答案來滿足我的問題。我正在嘗試的是：

function myClass() { 
    function privateFunction() { 
     publicFunction(); //Error 
    } 
} 

myClass.prototype.publicFunction = function() { 
    this.variable = 1; 
} 
myClass.prototype.publicFunction2= function() { 
    return this.variable; 
} 

這是給我的錯誤。我沒有得到真正的問題是什麼：

我試了一下：

this.publicFunction(); 

然後：

myClass.publicFunction(); 

然後：

myClass.prototype.publicFunction(); 

這工作，但它覆蓋每個目的。彷彿它在不同的JS對象中是靜態的。

Answer 1

您尚未正確聲明原型功能。調用函數publicFunction時，您還錯過了this關鍵字。

私有函數（privateFunction）不是該類的成員，因此如果要將其作爲函數調用，則必須爲其指定上下文。

function myClass() { 
 
    function privateFunction() { 
 
     this.publicFunction(); 
 
    } 
 

 
    privateFunction.call(this); 
 
    document.write(this.publicFunction2()); // show value in Stackoverflow snippet 
 
} 
 

 
myClass.prototype.publicFunction = function() { 
 
    this.variable = 1; 
 
} 
 

 
myClass.prototype.publicFunction2 = function() { 
 
    return this.variable; 
 
} 
 

 
var myClassPrototype = new myClass();

Answer 2

，因爲它是一個私有函數裏面你沒有訪問它。 嘗試這樣的：

function myClass() { 
    function privateFunction() { 

    } 

    this.publicFunction = function() { 
     alert('ok') 
    } 

} 

那麼如果你

var obj = new myClass() 
obj.publicFunction() 

可以看到警報

爲了繼承，你需要一些其他的東西類。這是一個完整的例子。

現在這裏是相關的js代碼。把它放在一個文件來測試它：

function Operators() { 
    //mandatory 
    var self = this 

    //private 
    var IPT_X = '#x' 
    var IPT_Y = '#y' 

    //public 
    this.x = 0 
    this.y = 0  

    this.showOperators = function() { 
     //use of a private property (IPT_X) and a public property (this.x) 
     $(IPT_X).val(this.x) 
     $(IPT_Y).val(this.y) 
    } 

    this.clean = function() { 
     this.x = 0 
     this.y = 0 
     // call to a local public method 
     this.showOperators() 
    } 

    this.updateOperators = function(_x, _y) { 
     // use of a public property when call from 
     // derived class method is necessary 
     self.x = _x 
     self.y = _y 
    } 
} 

function Randomizer() { 
    // mandatory for derived classes 
    Operators.call(this) 
    // mandatory for overloaded methods with call to the inherited method 
    var parentUpdateOperators = this.updateOperators 
    var self = this 

    // private 
    function getRandomNumber() { 
     return Math.round(Math.random() * 1000) 
    } 

    // public 
    this.updateOperators = function(_x, _y) { 
      // call to inherited method of superior class 
     parentUpdateOperators(_x, _y) 
      // call to method of superior class 
      self.showOperators() 
    } 

    this.populateRandomNumbers = function() { 
     // call to public local method (this.updateOperators()) 
     // and to a local private method (getRandomNumber()) 
     this.updateOperators(getRandomNumber(), getRandomNumber()) 
    } 

    // init 
    this.populateRandomNumbers() 
} 
// Mandatory for derived classes. Allows access to superior classes with 
// more than 2 levels of inheritance ("grandfather" classes) 
Randomizer.prototype = Object.create(Operators.prototype) 

function Operations() { 
    Randomizer.call(this) 
    var self = this 

    //private 
    var IPT_RES = '#res' 
    var BTN_SUM = '#sum' 
    var BTN_SUBTRACT = '#subt' 
    var BTN_MULTIPLY = '#mult' 
    var BTN_DIVISION = '#div' 
    var BTN_CLEAN = '#clean' 
    var BTN_RAND = '#rand' 

    function calcSum() { 
     return self.x + self.y 
    } 
    function calcSubtraction() { 
     return self.x - self.y 
    } 
    function calcMultiplication() { 
     return self.x * self.y 
    } 
    function calcDivision() { 
     return self.x/self.y 
    } 

    function showRes(val) { 
     $(IPT_RES).val(val) 
    } 

    //public 
    this.sum = function() { 
     // call to 2 local private methods 
     showRes(calcSum()) 
    } 
    this.subtract = function() { 
     showRes(calcSubtraction()) 
    } 
    this.multiply = function() { 
     showRes(calcMultiplication()) 
    } 
    this.division = function() { 
     showRes(calcDivision()) 
    } 

    // init 
    $(BTN_SUM).on('click', function() { self.sum() }) 
    $(BTN_SUBTRACT).on('click', function() { self.subtract() }) 
    $(BTN_MULTIPLY).on('click', function() { self.multiply() }) 
    $(BTN_DIVISION).on('click', function() { self.division() })  
    $(BTN_CLEAN).on('click', function() { self.clean() }) 
    $(BTN_RAND).on('click', function() { self.populateRandomNumbers() }) 
} 
Operations.prototype = Object.create(Randomizer.prototype) 

var obj = new Operations() 

如果你打算在這裏測試是html代碼：

X: <input id='x'> 
<br> 
Y: <input id='y'> 
<br> 
Res: <input id='res'> 
<br> 
<input id='sum' type='button' value='+'> 
<input id='subt' type='button' value='-'> 
<input id='mult' type='button' value='*'> 
<input id='div' type='button' value='/'> 
<input id='clean' type='button' value='C'> 
<input id='rand' type='button' value='Rand'> 

不要忘記添加的jQuery文件。

這裏是它是代碼的jsfiddle：

http://jsfiddle.net/vqqrf2cb/24/

Answer 3

會不會封閉夠嗎？

首先，我會按照慣例

function MyClass() { 
    var myInstance = this; 

    function privateFunction() { 
     // closure 
     myInstance.publicFunction(); 
    } 
} 

MyClass.prototype.publicFunction = function() { 
    this.variable = 1; 
} 
MyClass.prototype.publicFunction2= function() { 
    return this.variable; 
} 

現在改名myClass到MyClass你應該能夠實例化這種方式

var myInstance = new MyClass(); 

---

現在你可以看到privateFunction是永遠稱爲，它會有點多餘的稱呼，但我只是試圖展示如何在技術上實現它。

Answer 4

試試這個：

function myClass() { 
    function privateFunction(obj) { 
    obj.privilegedFunction1(); 
    }; 
    this.privilegedFunction1 = function() { 
    this.variable = 1; 
    }; 
    this.privilegedFunction2 = function() { 
    privateFunction(this); 
    }; 
} 

myClass.prototype.publicFunction2 = function() { 
    return this.variable; 
} 

var test = new myClass(); 
test.privilegedFunction2(); 
console.log(test.publicFunction2()); 

這：

function myClass() { 
    function privateFunction(obj) { 
    obj.publicFunction1(); 
    }; 
    this.privilegedFunction2 = function() { 
    privateFunction(this); 
    }; 
} 

myClass.prototype.publicFunction1 = function() { 
    this.variable = 1; 
} 

myClass.prototype.publicFunction2 = function() { 
    return this.variable; 
} 

var test = new myClass(); 
test.privilegedFunction2(); 
console.log(test.publicFunction2()); 

你可能想VS私人與Javascript中的特權成員閱讀了一些關於公衆。 http://javascript.crockford.com/private.html

要點：本文像

1. 公共（原型）成員有私人的訪問權限。
2. 特權（此）成員可以訪問私有。
3. 私有函數可以通過傳遞的上下文參數訪問特權和公共成員。