document.currentScript is null

Question

ブラウザはChromeです。 document.currentScriptはサポートされていますが、

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) 

エラーする必要があります。 1.js：4キャッチされない例外TypeError：プロパティを読み取ることができませんの 'SRC' null

Answer 1

document.currentScriptreturns the script that is currently being processed。コールバックおよびイベント中に、スクリプトの処理が終了し、document.currentScriptはnullになります。これは意図的なものです。参照を有効にしておくと、スクリプトがDOMから削除され、他のすべての参照が削除された場合にスクリプトがガベージコレクションされなくなります。

あなたはあなたができる、任意のコールバックの外にスクリプトへの参照を保持する必要がある場合：

var thisScript = document.currentScript; 

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

Answer 2

the documentationと表示されませんでした。

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

あなたは、コールバック

var currentScript = document.currentScript; 

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