Javascript外部对象全球？

Question

我瞎搞的对象和方法，我有我使用来测试这个非常简单的例子：

var shout = { 
 
    hello: function(variable){ 
 
    console.log("Hello " + variable); 
 
    } 
 
}; 
 

 
shout.hello("World");

这工作得很好。但是，如果我把对象shout在外部文件中，然后运行shout.hello("world");我得到什么：

//external file: test.js 
 
var shout = { 
 
    hello: function(variable){ 
 
    console.log("Hello " + variable); 
 
    } 
 
};

<!-- my html document --> 
 
<script src="test.js"> 
 
shout.hello("World"); 
 
</script>

我在做什么错？

Answer 1

从MDN：

script元素与规定不应该有它的嵌入标签中的脚本的src属性。

你需要两个独立的script标签，一个以导入外部脚本，另一个调用的函数，例如：

<script src="test.js"></script> 
<script> 
shout.hello("World"); 
</script> 

Answer 2

您需要两个单独的script标记，忽略标记src attribute的内容。

<script src="test.js"></script> 
<script> 
    shout.hello("World"); 
</script>