Wofür steht "this" in diesem Javascript?

Ich habe bisher noch nie mit Java oder Javascript gearbeitet und muss mich nun gezwungener Weise einarbeiten. So ganz habe ich den this Befehl jedoch noch nicht verstanden.

Wofür steht "this" in diesem Javascript? (Ausschnitt) PhonegapPrototype.prototype.requestData = function(url, user, password) { var me = this;

steht hier "this" für "PhonegapPrototype.prototype.", also kann ich in der Funktion me anstelle von PhonegapPrototype.prototype. schreiben?

Danke vorab! Gruß Michael

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

cracker0dks

07.03.2013, 13:18

(ich gehe mal von javascript aus) this bezieht sich immer das object (in Javascript werden funktionen auch wie objekte behandelt) und nicht eine klasse. also NEIN :)

MichaelBe1402

Fragesteller

07.03.2013, 13:26

danke soweit. also steht "me" in diesem Fall für "PhonegapPrototype.prototype.requestData"? Wenn nein hab ich keine Ahnung :((

(sorry, der Code Tag geht hier am mac irgendwie nicht)

cracker0dks

13.03.2013, 10:49

@MichaelBe1402

Wenn überhaupt, ein Objekt dieser klasse nicht die Klasse selbst!

RedKungFuMastr

28.11.2015, 18:05

var self = this;
// this == Window

function Test()
{
  return this;
}
Test();
// this == Window

function MyObject(){}
MyObject.prototype.test = function()
{
  return this;
};
var test = new MyObject();
test.init();
// this == MyObject

var body = document.getElementsByTagName('body')[0];
body.onclick = function()
{
  console.log( this );
};
// this == <body> ... </body>

Was "this" gerade ist, hängt immer von der Scope ab. Definierst du eine Variable im globalen Bereich als "this", wird immer das Window-Objekt gemeint, da das das nächst höhere Element ist, quasi das Elternelement (Parent) von dem aktuellen Scope.

In Prototype ist die Definition einer "function MyObject(){}" ein Konstruktor. D.h. du kannst damit eine Instanz bilden z.B. "new MyObject()".

Mit der Eigenschaft "[].prototype" kannst du diesem Objekt Schnittstellen (Methoden) definieren. Befindet sich "this" in dieser Methode, wird damit das nächst höhere Element damit gemeint, das Objekt selbst, dass diese Schnittstellen anbietet, in dem Fall "MyObject".

Eine Variable als "this" zu deklarieren nützt zB. beim Definieren eines Events. Im letzten Bsp. versuche ich dem Body-Element ein onclick-Event zu geben. Da das Event dem Element "Body" zugesprochen ist, ist "Body" auch das Elternelement, ergo ist "this" in diesem Fall das Body-Element. Man will jetzt zB. aber das Window-Element ansprechen, anstatt das von Body definierte "this"; das löst man dann folgendermaßen:

...
var self = this;
body.onclick = function()
{
  console.log( self );
  // self == Window
};

rango9

07.03.2013, 13:17

Java oder Javascript

nur um Missverständnisse auszuräumen: das sind zwei VÖLLIG unterschiedliche sprachen

PhonegapPrototype.prototype.requestData = function(url, user, password) { var me = this;

mal abgesehen davon, dass da eine kammer fehlt steht das "this" wohl für die variable "me"

Att1ca

08.03.2013, 00:03

Es bezieht sich auf 'requestData'.

Das dient einfach dazu, dass du den requestData-Scope in der Variable 'me' behalten kannst, während sich 'this' fortlaufend ändert. Du kannst also auch Unterfunktionen me.something nennen, und beziehst dich dabei auf requestData.something

Siehe auch hier;

http://www.mediaevent.de/javascript/this.html

Bei Zweifel... console.log(); :)

Hallo,

ich bastele gerade mit dem HTML5 Canvas herum und möchte dort mit JavaScript ein Bild anzeigen, dies Funktioniert auch allerdings werden sie sehr komisch angezeigt, meist zu groß oder verschwommen hier der JavaScript code:

"function drawImage(url) {

var img = new Image();

img.onload = function () {

ctx.drawImage(img,10, 10, 35, 35);

}

img.src = url

hier habe ich schon mit den drawImage Parametern rumgespielt um es anzupassen allerdings kam kein gutes Ergebnis heraus...

Hier noch die canvas daten: width: 900px; height: 700px;

diese habe ich mit CSS angegeben.

Schonmal vielendank für eure Hilfe!

...zur Frage

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zur Frage

Quelltext vom Javascript unleserlich machen?

Hallo,

ist es möglich den Quelltext von einem Javascript unleserlich zu machen?

Beispiel:

<script type="text/javascript">
    function openNewTab() {
        whttp://URL("http://URL die durch PHP generiert wird");
    }
   </script>

Anhand von Eingabefeldern werden bestimmte Sachen abgefragt. Durch die eingegebenen Sachen wird dann der Link erzeugt.

Ist es irgendwie möglich, dass der Link nicht im Quelltext ersichtlich ist?

Danke im Voraus

...zur Frage

Wie kann ich in js/javascript die schriftfarbe und schriftart ändern Und zwar in diesem script, möchte ich die schrift in weiß und comicsans MS

<TITLE>Zuletzt geändert</TITLE>
 <SCRIPT
Language="JavaScript">
 <!--
 var Monatsname = ["Januar",
"Februar", "März", "April", "Mai","Juni",
"Juli", "August", "September", "Oktober","November",
"Dezember"];
 var Tagname = ["Sonntag", "Montag",
"Dienstag", "Mittwoch","Donnerstag", "Freitag",
"Samstag"];
 function modifyString()
 {
 var date = new Date();

date.setTime(Date.parse(document.lastModified));
 return Tagname[date.getDay()]
+ ", den " + date.getDate() + ". "+ Monatsname[date.getMonth()]
+ " " + date.getYear();
 }
 // -->
 </SCRIPT>

</HEAD>
 <BODY>
 Dieses Dokument wurde zuletzt geändert
am : 
 <SCRIPT>
 document.writeln(modifyString() + "<BR>");

</SCRIPT>

...zur Frage

Website dauerhaft mit Javascript bearbeiten?

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>
      <input placeholder="Irgendwas eingeben" id="password">
    </div>
    <button onclick="password()"> Press Me</button>
    <script>
      
      function password() {
        let password = document.getElementById('password').value;
        let element = document.createElement('div');
        element.innerText = password;
        document.body.appendChild(element);
      }
    </script>
  </body>
</html>

Hi wenn ich nun die Website neu Lade dann bleiben die Divs nicht bestehen,

kann mir jemand sagen wie ich die Divs dauerhaft auch für andere clients sichtbar

behalten kann.?

...zur Frage

JavaScript: Wie kann ich ein Bild in mein Canvas einfügen?

Servus!

Ich möchte gerne ein Bild in mein Canvas einfügen. Es klappt aber nicht und die Konsole zeigt auch keine Fehlermeldungen an.

Ich habe folgenden Code:

var canvas = document.getElementById("gameScreen");
var context = canvas.getContext("2d");
var imgBall = document.getElementById('img_ball');

function make_ball() {
  imgBall = new Image();
  imgBall.onload = function() {
    context.drawImage(imgBall, 10, 10);
  }
}

make_ball();

In der HTML-Datei habe ich noch src und die id (img_ball) in das img-Tag geschrieben.

Vielleicht findet ja von euch jemand den Fehler.

Dankeschön.

...zur Frage

JavaScript: trigger() wird nicht ausgelöst?

Hi zusammen,

ich versuche mit JavaScript ein paar input-Felder zu validieren.

Leider wird die Seite nicht abgeschlossen, nachdem alle Felder befüllt wurden.
Hat jemand eine Idee?

Ich muss immer, nachdem alle Felder befüllt sind, nochmals in irgendein input-Feld klicken, damit es geht.

Hier mein Code:

$(document).ready(function() {
  $('input').on('click',function() {
    // Validation
    var vorname_firma = $("input[name='vorname']").val();
    var strasse = $("input[name='strasse']").val();
    var plz = $("input[name='plz']").val();
    var ort = $("input[name='ort']").val();

    if (vorname_firma != "" && strasse != "" && plz != "" && ort != "") {
      $(function() {
        $('#tab3').trigger("click");
      });
    }
  });
});

...zur Frage

BMI Rechner Programm in Javascript

Hallo,

wisst ihr, was ich in meinem JavaScript-Code falsch gemacht habe (Es sind zwei Eingabefelder da, Gewicht in kg und Grösse in cm; dann berechnet und sagt, ob der Anwender Über- oder Untergewicht hat).

...
function Bmi()
    {
        var Gewicht = document.BmiFormular.Gewicht.value;
        var Groesse = document.BmiFormular.Groesse.value / 100;

        var BmiZahl = Gewicht / (Groesse * Groesse);

        var Was = (BmiZahl < 18,5) ? "Untergewicht" :
        "Normalgewicht";

        alert (BmiZahl + "\n" + "Sie haben " + Was);
    }
...

<form name="BmiFormular" action="">
<input type="text" name="Gewicht" value="Gewicht eingeben! (in kg)"        onClick="this.value=''" /><br />
<input type="text" name="Groesse" 
       value="Körpergrösse eingeben! (in cm)" 
       onClick="this.value=''" /><br /><br />

    <input type="button" width="60" value="BMI berechnen!" 
           onClick="Bmi()" />
  </form>

Die Variable BmiZahl erklärt sich von selbst, die Variable "Was" steht

...zur Frage

JavaScript function pausieren

Hallo nochmal,

langsam zweifle ich an meinem Verstand! Ein Fan von JavaScript werde ich in diesem Leben wohl wirklich nicht mehr...

Folgender Code:

function punktung() {
    var punkte = document.getElementById("punkte");
    if ( punkte.innerHTML.length > 3 ) {
        punkte.innerHTML = "";
        clearinterval(dots);
        setTimeout(function (){losgehts()}, 5000);
    }
    else  {
        punkte.innerHTML += ".";
    }
}

function losgehts() {
var dots = window.setInterval( function() { punktung() },500);
}

losgehts();

Das Script schreibt immer vier Punkte in ein Div und soll, nachdem die vier Punkte geschrieben wurden und die ID "Punkte" auf "" gekürzt wird, 5 Sekunden pausiert wird - danach das Gleiche wieder von vorne.

Ich lösche also den Interval "dots" und pausiere 5000 Millisekunden und rufe danach wieder die function "losgehts()" auf - warum funktioniert es aber wieder nicht? Es wird einfach keine Pause gemacht, sondern nach dem Kürzen einfach wieder von Vorne begonnen. Warum?

Über Antworten bin ich dankbar!

Grüße, Hummel

...zur Frage

HTML window.location.href geht nicht?

https://streamable.com/9pfpva

Ich weiss nicht genau wo hier der Fehler ist aber er leitet nicht beim richitgen namen und passwort weiter? Weiß jemand woran das liegt? Ich bin relativ am anfang mit html.

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            function login() {
                var username = document.getElementById('username').value;
                var password = document.getElementById('password').value;


                if (username === 'test123' && password === 'test') {
                    window.location.href = 'http://www.google.com';
                } else {
                    alert('Ungültiger Benutzername oder falsches Passwort.'); // Fehlermeldung bei ungültigen Daten
                }
                return false;
            }


            var loginButton = document.getElementById('loginButton');
            loginButton.addEventListener('click', login);
        });
    </script>

...zur Frage

Warum wird alert nicht ausgeführt (Javascript)?

Hi ich Frage mich warum mein alert nicht ausgeführt wird wenn ich auf den buten klicke ...könnte jemand der Javascript beherrscht mir den Fehler sagen ?

Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

alert ("willkommen hier");

</script>

var beschreibung = "super,mega,hammer";

var alter= 25;

var vergeben = false;

var name = "boy withb the spoon";

var leer = null;

document.write(name + "ist" + beschreibung + alter + "und sein status ist vergeben " + vergeben);

</script>

//diese variable ist sehr komplieziert

function geklickt(){

alert ("willkommen hier zum zweiten mal");

}

</script>

<form>

</form>

</body>

</html>

...zur Frage

JavaScript Textboxen die aufklappen

Kann kein JavaScript. Kann man das vielleicht so umschreiben, dass es möglich wird, in den Link auch noch etwas anderes rein zu schreiben als wie die Wörter die in dem Script abgeglichen werden. Also "[Aufklappen]" und "[Schliessen]" ...

Ich will halt, dass man auf der ganzen div-box, die um den Link liegt, drauf klicken kann..

var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
if (ie4) {
return document.all[id];
} else {
return document.getElementById(id);
}
}
function toggle(link, divId) {
var lText = link.innerHTML; var d = getObject(divId);
if (lText == '[Aufklappen]') {
link.innerHTML = '[Schliessen]'; d.style.display = 'block';
} else { link.innerHTML = '[Aufklappen]'; d.style.display = 'none';
}
}




<div>
    <div>
        <a href="javascript: void(0);" onClick="toggle(this, 'box1');">[Aufklappen]</a>
    </div>
    <div id="box1" style=display:none>
        // Inhalt aufgeklappt
    </div>
</div>

...zur Frage

Javascript funktion um gewisse Uhrzeit, setinterval Ressourcen Belastung?

Hallo zusammen

Ich bräuchte eine function, welche immer um die gleiche Uhrzeit, jeden Tags ausgeführt wird. Jeden Tag um 23:59

Nun habe ich eine setInterval function welche jede sekunde ausgeführt wird. wenn die aktuelle uhrzeit 23:59:0 betrifft, wird die eigentliche function ausgeführt.

Meine Frage: Ist das sehr ressourcen verbrauchend, da jede sekunde abgefragt wird?

function tick() {
  //get the mins of the current time
  var mins = new Date().getMinutes();
  var sec = new Date().getSeconds();
  var hours = new Date().getHours();
  var time_stamp = "23:59:0";
  var time_stamp = "15:20:0";
  var current_time = hours + ":" + mins + ":" + sec;
  
  if (current_time == time_stamp) {
    alert('Do stuff');
  }
  console.log('Tick ' + hours + ":" + mins + ":" + sec);
}


setInterval(tick, 1000);

...zur Frage

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen