解释两个类似的js方法为什么运行结果大相径庭

最新推荐文章于 2022-07-04 17:38:18 发布

芒果终结者

最新推荐文章于 2022-07-04 17:38:18 发布

阅读量391

点赞数

分类专栏：技术闲扯

本文链接：https://blog.csdn.net/cs23405/article/details/42713049

版权

技术闲扯专栏收录该内容

2 篇文章 0 订阅

订阅专栏

解释两个类似的js方法为什么运行结果大相径庭

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>解释两个类似的js方法为什么运行结果大相径庭</title>
</head>
<body>
    解释两个类似的js方法为什么运行结果大相径庭？
<script>
    var str = 'hi';
function demo() {
	alert( str );//undefined
	var str = 'string';
	alert( str );//string
}
demo();


var str2 = 'str2';
function test() {
	alert( str2 );//str2
}
test();
/* 
 * demo()运行结果为 undefined
 * test()运行结果为str2
 * 原因：js运行时会把所有定义的变量前提，前提后的js为：
 *  var str = 'hi';
 *  var str2 = 'str2';
 *  function demo() {
 *     var str ;
	alert( str );//undefined
	 str = 'string';
	alert( str );//string
    }
    function test() {
	alert( str2 );//str2
    }
    demo();
    test();
    由此可以解释为什么demo()运行结果为undefined和string,而test()运行结果为str2了
 * */
</script>
</body>
</html>