分配給匿名 function 的變量未定義
[英]variable assigned to anonymous function is not defined
問題描述
我正在使用分配給變量的匿名 function 來盡量減少全局變量的使用。 在這個 function 中有嵌套函數：一個用於預加載和調整圖像大小，以及另外兩個用於導航的嵌套函數（下一個和上一個）。 下面的代碼生成錯誤，未定義分配給匿名 function 的變量：無法讀取未定義的屬性“preload_and_resize”如果您發現問題，請告訴我。 非常感謝你。
<html>
<head>
<script type="text/javascript">
var runThisCode=(function(){
var myImages=new Array("img/01.jpg","img/02.jpg","img/03.jpg");
var imageObj = new Array();
var index=0;
var preload_and_resize=function(){
var i = 0;
var imageArray = new Array();
for(i=0; i<myImages.length; i++) {
imageObj[i] = new Image();
imageObj[i].src=myImages[i];
}
document.pic.style.height=(document.body.clientHeight)*0.95;
};
var next_image=function(){
index++;
if(index<imageObj.length){
document.pic.src=imageObj[index].src;
}
else{
index=0;
document.pic.src=imageObj[index].src;
}
};
var prev_image=function(){
index--;
if(index>=0){
document.pic.src=imageObj[index].src;
}
else{
index=myImages.length-1;
document.pic.src=imageObj[index].src;
}
};
})();
</script>
</head>
<body onload="runThisCode.preload_and_resize();">
<div align="center">
<img name="pic" id="pic" src="img/01.jpg"><br />
<a href="JavaScript:runThisCode.prev_image()">Prev</a><a href="JavaScript:runThisCode.next_image()">Next</a>
</div>
</body>
</html>
6 個解決方案
解決方案1
2 2011-11-24 19:10:43
您的匿名函數不返回任何內容，因此當您運行它時，將返回undefined。 這就是為什么runThisCode未定義的原因。 無論如何，按照你編寫它的方式， preload_and_resize將是本地的 ，所以無論如何你都無法訪問它。
相反，你要這個匿名函數來構造一個對象 ， 那 reutrn。 這樣的事情應該有用，或者至少讓你接近：
var runThisCode=(function(){
var result = {};
result.myImages=new Array("img/01.jpg","img/02.jpg","img/03.jpg");
result.imageObj = new Array();
result.index=0;
result.preload_and_resize=function(){
var i = 0;
var imageArray = new Array();
for(i=0; i< result.myImages.length; i++) {
imageObj[i] = new Image();
imageObj[i].src=myImages[i];
}
document.pic.style.height=(document.body.clientHeight)*0.95;
};
result.next_image=function(){
index++;
if(index<imageObj.length){
document.pic.src=imageObj[index].src;
}
else{
index=0;
document.pic.src=imageObj[index].src;
}
};
result.prev_image=function(){
index--;
if(index>=0){
document.pic.src=imageObj[index].src;
}
else{
index=myImages.length-1;
document.pic.src=imageObj[index].src;
}
};
return result;
})();
解決方案2
2 2011-11-24 19:15:55
這應該可以解釋你做錯了什么：
var foobar = (function (){
var priv1, priv2 = 'sum' , etc;
return {
pub_function: function() {},
another: function() {
console.log('cogito ergo ' + priv2 );
}
};
})();
foobar.another();
解決方案3
0 2022-11-16 13:32:18
關於以前的答案，我的版本：
function(self) {
let myImages = new Array("img/01.jpg", "img/02.jpg", "img/03.jpg");
let imageObj = new Array();
let index = 0; // if you need to expose this call with self.index
self.preload_and_resize = function() {
let i = 0;
let imageArray = new Array();
let (i = 0; i < myImages.length; i++) {
imageObj[i] = new Image();
imageObj[i].src = myImages[i];
}
document.pic.style.height = (document.body.clientHeight) * 0.95;
};
var next_image = function() {
index++;
if (index < imageObj.length) {
document.pic.src = imageObj[index].src;
} else {
index = 0;
document.pic.src = imageObj[index].src;
}
};
var prev_image = function() {
index--;
if (index >= 0) {
document.pic.src = imageObj[index].src;
} else {
index = myImages.length - 1;
document.pic.src = imageObj[index].src;
}
};
})(window.myCurrentPage = window.myCurrentPage || {});
// now you canll myCurrentPage.preload_and_resize();
解決方案4
0 2011-11-24 19:13:41
您已將該函數分配給變量next_image ，該變量的作用域是自調用匿名函數。
您為runThisCode指定的值是該匿名函數的返回值，該值是（因為沒有return語句） undefined 。
要使代碼runThisCode ，您需要為runThisCode分配一個對象，並使next_image成為其成員。
將以下內容添加到匿名函數的末尾：
return {
"next_image": next_image
}
解決方案5
0 2011-11-24 19:15:24
刪除匿名函數，並將您的函數公開。 您將只創建一個全局變量：對象runThisCode 。
var runThisCode = function () {
var myImages = new Array("img/01.jpg", "img/02.jpg", "img/03.jpg");
var imageObj = new Array();
var index = 0;
this.preload_and_resize = function () {
var i = 0;
var imageArray = new Array();
for (i = 0; i < myImages.length; i++) {
imageObj[i] = new Image();
imageObj[i].src = myImages[i];
}
document.pic.style.height = (document.body.clientHeight) * 0.95;
};
this.next_image = function () {
index++;
if (index < imageObj.length) {
document.pic.src = imageObj[index].src;
} else {
index = 0;
document.pic.src = imageObj[index].src;
}
};
this.prev_image = function () {
index--;
if (index >= 0) {
document.pic.src = imageObj[index].src;
} else {
index = myImages.length - 1;
document.pic.src = imageObj[index].src;
}
};
};
然后，在您的代碼中：
runThisCode.preload_and_resize();
應該管用。
解決方案6
0 2011-11-24 19:26:38
從你在body onload屬性中獲得的調用，看起來你想用IIFE（ 立即調用函數表達式 ）實現的是返回一個具有preload_and_resize方法的preload_and_resize 。
正如其他人所指出的那樣，你沒有從IIFE返回任何東西，所以真正發生的一切就是你在它自己的命名空間中關閉其中的所有東西，而不是“導出”任何東西。
如果你想從你的IIFE“導出”那些函數，你可能會添加一個最后一點，看起來像這樣：
return {
'preload_and_resize': preload_and_resize,
'next_image': next_image,
'prev_image': prev_image
}
它實際上創建了一個新的JavaScript對象文字，然后將其屬性分配給本地范圍的函數值。
一些開發人員會發現這種冗余而不是完成這種顯式導出可能只是在聲明對象文字時定義函數，如：
return {
preload_and_resize: function(){
var i = 0;
var imageArray = new Array();
for(i=0; i<myImages.length; i++) {
imageObj[i] = new Image();
imageObj[i].src=myImages[i];
}
document.pic.style.height=(document.body.clientHeight)*0.95;
},
next_image: function() {
index++;
if(index<imageObj.length){
document.pic.src=imageObj[index].src;
}
else {
index=0;
document.pic.src=imageObj[index].src;
}
},
prev_image: function() {
index--;
if(index>=0){
document.pic.src=imageObj[index].src;
}
else {
index=myImages.length-1;
document.pic.src=imageObj[index].src;
}
}
}
為什么匿名函數可以從其定義的函數訪問變量？
[英]Why does an anonymous function have access to a variable from the function it is defined in?
如果將匿名函數的結果賦給變量，那么每次調用變量時都會調用該函數嗎？
[英]If the result of an anonymous function is assigned to a variable, is that function called every time the variable is called?
當分配給變量的函數直接放在自調用匿名函數上方時，為什么要執行？
[英]Why is a function assigned to a variable executing when placed directly above a self-calling anonymous function?
如何檢查分配給缺失匿名函數表達式的變量是否為 null 或 undefined？
[英]How do you check for null or undefined on a variable assigned to a missing anonymous function expression?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.