括号中的JSLint表示未定义音频，但不抱怨图像

Question

I have this code:

var me = {
    PreloadImage: function(src) {
        var e = new Image();
        e.src = src;
    },
    CreateAudio : function(src) {
        var c = new Audio(src);
        c.play();
    }
}

I have a problem with new Audio() , as JSLint in Brackets says that Audio has not been defined, but it doesn't say the same for Image :

Sometimes I have to do things like window.console.log instead of console.log because console.log was not defined, but if that's the case, what do I have to add before Audio and Image ?

Answer 1

Instead of var c = new Audio(src); use var c = document.createElement('audio'); c.src=src; c.play(); var c = document.createElement('audio'); c.src=src; c.play();

Answer 2

The accepted answer doesn't look like the best way to address that issue to me. You should either change your JSLint options or disable that rule on that specific line.

👉 Add it as a global

In both JSLint and ESLint , you can fix it either adding it as a global:

{
    "globals": {
        "Audio": true
    }
}

👉 Add the browser environment

ESLint: :

{
   "env": {
       "browser": true
   }
}

JSLint:

{
    "browser": true
}

👉 JSLint options in Brackets

You can also update them in Brackets' preferences:

"jslint.options": {
    "browser": true,

     OR

    "globals": {
        "Audio": true
    }
}

👉 Disable linting or ignore that rule on that line

You can also disable linting for that line or for that specific rule on that line:

ESLint :

const c = new Audio(src); // eslint-disable-line

Or:

// eslint-disable-next-line
const c = new Audio(src);

JSLint :

const c = new Audio(src); // jslint ignore:line

Answer 3

You have to wait for the DOM to be ready. Since your are using jQuery, please encapsulate your code in that:

$(document).ready(function () {
  // Your code...
});

You can also use this syntax:

$(function () {
  // Your code...
});

(Bonus tip: use the switch instruction in your code. RoNBeta.js is a bit scary...)