Jquery Несколько документов готовы и класс

Question

Почему это не работает? В соответствии с JQuery Document Ready - разрешено несколько? должно. Выдает «jQuery. Отложенное исключение: собака не определена ReferenceError: Собака не определена»

$(function() {
  class Dog {
    constructor() {
    }
    bark(){
        console.log('bark')
    }
}
})


$(function() {
  var teckel = new Dog()
  teckel.bark()
})

Answer 1

То для функциональной области в JS. Здесь вы определяете класс внутри функции (первая готовая функция), поэтому он доступен только внутри этой функции. Если вы хотите сделать его глобальным, попробуйте переместить его за пределы готовых функций или добавьте его в объект окна (как показано ниже).

$(function() {
  class Dog {
    constructor() {
    }
    bark(){
        console.log('bark')
    }
}
  window.Dog = Dog;
})


$(function() {
  var teckel = new Dog()
  teckel.bark()
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>