函数中定义的变量导致引用错误:未定义

时间:2013-10-14 16:15:16

标签: javascript function scope web-audio

我正在研究这本O'Reilly书中的一些网络音频教程:http://chimera.labs.oreilly.com/books/1234000001552/ch02.html#s02_2

以下代码应该创建一个系统来暂停音频文件并恢复播放。

// Assume context is a web audio context, buffer is a pre-loaded audio buffer.
var startOffset = 0;
var startTime = 0;

function pause() {
  source.stop();
  // Measure how much time passed since the last pause.
  startOffset += context.currentTime - startTime;
}

function play() {
  startTime = context.currentTime;
  var source = context.createBufferSource();
  // Connect graph
  source.buffer = this.buffer;
  source.loop = true;
  source.connect(context.destination);
  // Start playback, but make sure we stay in bound of the buffer.
  source.start(0, startOffset % buffer.duration);
}

但是,运行pause()函数会导致以下错误:

Uncaught ReferenceError: source is not defined 

现在从我的角度来看,这是因为source已使用var关键字定义,因此将其限定为play()函数,因此pause()无法访问。删除var关键字确实可以解决问题。有人可以向我保证我的推理是正确的吗?这只是一个错字,还是有一些我不理解的基本原则? (我已经检查了这本书的勘误表,但那里没有提到它。)

3 个答案:

答案 0 :(得分:2)

source设为全局变量,就像startOffsetstartTime一样。

答案 1 :(得分:0)

在函数中声明变量使其成为局部变量,即它仅存在于该函数中,因此只能在该函数中引用。将其声明为全局变量将使其可用于任何Javascript函数,但您通常希望尽可能少地污染全局命名空间:

function AudioPlayer(buffer) {
  this.startOffset = 0;
  this.startTime = 0;      
  this.source = null;
  this.buffer = buffer;
}

AudioPlayer.prototype.pause = function() {
  if (!this.source) {
    return;
  }
  this.source.stop();
  // Measure how much time passed since the last pause.
  this.startOffset += context.currentTime - this.startTime;
}

AudioPlayer.prototype.play = function() {
  this.startTime = context.currentTime;
  this.source = context.createBufferSource();
  // Connect graph
  this.source.buffer = this.buffer;
  this.source.loop = true;
  this.source.connect(context.destination);
  // Start playback, but make sure we stay in bound of the buffer.
  this.source.start(0, this.startOffset % this.buffer.duration);
}

允许您像这样调用这些函数:

var player = new AudioPlayer(buffer);
player.play();
player.pause();

答案 2 :(得分:0)

试试这个:

function a(advName,area) {
   onclick="sub(\'' +advName+ '\',\'' +area+ '\');"
}