<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>交换变量的值</title> <script src="../../../vendor/traceur.js"></script> <script src="../../../vendor/bootstrap.js"></script> <script type="text/traceur"> //ES5 console.log("ES5:"); var a = 100; var b = 200; console.log("交换前："); console.log("a = " + a); //a = 100 console.log("b = " + b); //b = 200 var temp; temp = a; a = b; b = temp; console.log("交换后："); console.log("a = " + a); //a = 200 console.log("b = " + b); //b = 100 //ES6用于大型项目开发节约内存 console.log("ES6:"); var x = 100; var y = 200; console.log("交换前："); console.log("x = " + x); //x = 100 console.log("y = " + y); //y = 200 [x, y] = [y, x];//[x, y] = [200, 100]; console.log("交换后："); console.log("x = " + x); //x = 200 console.log("y = " + y); //y = 100 --------------------------------------------- function fun () { return [1, 2, 3]; }; var [x, y, z] = fun();//函数返回多个值，并且可以只要返回的哪个值 console.log(x); //1 console.log(y); //2 console.log(z); //3 ---------------------------------------------- function fun () { return { id : "007", name: "Conan", age : 28 }; }; var { id, name, age } = fun(); console.log(id); //007 console.log(name); //Conan console.log(age); //28 var { id: person_id, name: person_name, age: person_age } = fun(); console.log(person_id); //007 console.log(person_name); //Conan console.log(person_age); //28 -------------------------------------------- // 参数是一组有次序的值 function fun ([x, y, z]) { //x = 100; //y = 200; //z = 300; }; fun([100, 200, 300]); // 参数是一组无次序的值 function fun ({id, age,name}) { //id = "007"; console.log(name); //age = 28; }; fun({id: "007", name: "Conan", age: 28}); --------------------------------------------- var jsonData = { id: "007", name: "Conan", age: 28, score: { Chinese: 98, Math: 148, English: 107 } }; console.log(jsonData); console.log("ES5:"); console.log("Person's Number is:" + jsonData.id); console.log("Person's Name is:" + jsonData.name); console.log("Person's age is:" + jsonData.age); console.log("Person's Chinese score is:" + jsonData.score.Chinese); console.log("Person's Math score is:" + jsonData.score.Math); console.log("Person's English score is:" + jsonData.score.English); console.log("ES6:"); let { id: number, name, age, score: score } = jsonData; console.log("Person's Number is:" + number); console.log("Person's Name is:" + name); console.log("Person's age is:" + age); console.log("Person's Chinese score is:" + score.Chinese); console.log("Person's Math score is:" + score.Math); console.log("Person's English score is:" + score.English); ----------------------------------------------- </script> </head> <body> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>遍历Map结构</title> <script src="../../../vendor/traceur.js"></script> <script src="../../../vendor/bootstrap.js"></script> <script type="text/traceur"> var map = new Map(); map.set("id", "007"); map.set("name", "Conan"); console.log(map);//Map(2) {"id" => "007", "name" => "Conan"} console.log(typeof(map));//object // 获取键名和键值 for (let [key, value] of map) { console.log(key + " is " + value); }; // id is 007 // name is Conan // 获取键名 for (let [key] of map) { console.log(key); }; // id // name for (let [, value] of map) { console.log(value); }; // 007 // Conan </script> </head> <body> </body> </html>