<html lang="en">
<head>
<meta charset="UTF-8">
<title>document</title>
<script src="js/traceur.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
console.log("ES5:");
function fun(){
var num=100;
if(true){
var num=200;
}
console.log(num);
}
fun(); //輸出200
</script>
<script type="text/traceur">
console.log("ES6:");
function fun(){
let num=100;
if(true){
let num=200;
}
console.log(num);
}
fun(); //輸出100
</script>
</head>
<body>
</body>
</html>
---------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>立即執行函數</title>
<script src="js/traceur.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
/*(function (){
}());//立即執行函數*/
function fun() {
console.log("I am outside!");
};
(function () {
if(false){
function fun() {
console.log("I am inside!");
};
};
fun(); //I am inside!
}());
</script>
<script type="text/traceur">
function fun() {
console.log("I am outside!");
};
(function () {
if(false){
function fun() {
console.log("I am inside!");
};
};
fun(); //I am outside!
}());
</script>
</head>
<body>
</body>
</html>