document.currentScript ma wartość null

Question

Przeglądarka jest Chrome. document.currentScript powinny być wspierane, ale

index.html

<link href="css/main.css" rel="stylesheet" /> 
<script src="1.js"></script> 
<style> 

1.js

setInterval(function(){ 


var fullUrl = document.currentScript.src; 

console.log(fullUrl) 
},2000) 

Błąd: 1.js: 4 Uncaught TypeError: nie można odczytać właściwość 'źródło' z null

Answer 1

tylko returns the script that is currently being processed. Podczas wywołań zwrotnych i zdarzeń skrypt zakończył przetwarzanie, a document.currentScript będzie null. Jest to zamierzone, ponieważ zachowanie referencji przy życiu uniemożliwiłoby zbieranie skryptu, jeśli zostanie usunięte z DOM i usunięte zostaną wszystkie inne odniesienia.

Jeśli trzeba zachować odniesienie do skryptu poza wszelkimi callbacków można:

var thisScript = document.currentScript; 

setInterval(() => console.log(thisScript.src), 2000); 

Answer 2

Nie przeczytałeś the documentation, która mówi:

It's important to note that this will not reference the <script> element if the code in the script is being called as a callback or event handler; it will only reference the element while it's initially being processed.

Answer 3

można zachować odniesienie document.currentScript poza zwrotnego

var currentScript = document.currentScript; 

setInterval(function(){ 
    var fullUrl = currentScript.src; 
    console.log(fullUrl) 
},2000);