Question

如果该变量只使用一次，那么声明变量的意义何在？看看这两个功能。有区别吗？哪一个更好，为什么？

function showtext(){
var elem = document.getElementById("elemid");
var txt1 = '<p>Some random text</p>';
elem.innerHTML = txt1;
}

或

function showtext(){
document.getElementById("elemid").innerHTML = '<p>Some random text</p>';
}

Answer 1

在这种情况下使用变量的唯一原因是更好的可读代码（分布在多行而不是单个太长的行），特别是如果您为声明使用描述性变量名称。

在这种特殊情况下（除了我们与绝对初学者打交道）之外没有任何结果，因为getElementById显然会返回elem个内容，而txt1则没有任何意义。

Answer 2

JavaScript是函数作用域，因此一旦离开函数，所有变量都会被清除。

对我来说，为每个事物声明单独的变量是有意义的，以保持代码清晰。在任何编程语言中使用变量的关键是命名和描述事物。

所以而不是：

function showtext(){
    var unimaginativeName1 = document.getElementById("elemid");
    var unimaginativeName2 = '<p>Some random text</p>';
    unimaginativeName1.innerHTML = unimaginativeName2;
}

您可以通过以下方式讲述更好的故事：

function showtext(){
    var elemDescription = document.getElementById("elemid");
    var elemTxt = '<p>Some random text</p>';
    elemDescription.innerHTML = elemTxt;
}

它会比这更好看。

document.getElementById("elemid").innerHTML = '<p>Some random text</p>';

声明变量的原因，如果它只使用一次

2 个答案: