¿Cuál es la forma más adecuada de probar si una variable no está definida en JavaScript?

Tengo un bloque de Publicado Sí y No.

 <div class="card mb-3"> <div class="card-header">{{ __('Published') }}</div> <div class="card-body"> <div class="form-check"> <input class="form-check-input published_filter" type="radio" name="published" id="yes" value="1"> <label class="form-check-label" for="yes"> Yes </label> </div> <div class="form-check"> <input class="form-check-input published_filter" type="radio" name="published" id="no" value="0"> <label class="form-check-label" for="no"> No </label> </div> </div> </div>

Cuando hago clic en Sí y No, veo esta alerta undefined .

 <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $(".published_filter").change(function(){ var publish = $(this).val(); $.ajax({ type:'POST', url:"{{ route('category-filter') }}", data:{publish: publish}, success:function(data){ alert(data.success); } }); }); </script>JAVA