21ic电子技术开发论坛 › 个人版区 › 贝贝的实验室 › 一个javascript例子：
返回列表 发新帖我要提问

一个javascript例子：

[复制链接]
1045|1
 楼主| keer_zu 发表于 2021-1-20 14:49 | 显示全部楼层 |阅读模式
javascript, TE, TI, Calculate, WRITE
复制
  1. <!DOCTYPE html>
    

  2. <html>
    

  3. <head> 
    

  4. <meta charset="utf-8"> 
    

  5. <title>菜鸟教程(runoob.com)</title> 
    

  6. </head>
    

  7. <body>
    

  8.         
    

  9. <h1>我的第一个 Web 页面</h1>
    

  10. <p>我的第一个段落。</p>
    

  11. <script>
    

  12. function calculate(op,...data){
    

  13.         if(op === "+"){
    

  14.                 let result = 0;
    

  15.                 for(let i = 0;i < data.length; i ++){
    

  16.                         result += data[i];
    

  17.                 }
    

  18.                 return result;
    

  19.         }
    

  20.         else if(op === "*"){
    

  21.                 let result = 1;
    

  22.                 for(let i = 0;i < data.length;i ++){
    

  23.                         result *= data[i];
    

  24.                 }
    

  25.                 return result;
    

  26.         }
    

  27. }
    

  28. document.write(Date());
    

  29. document.write(calculate("+",1,2,3,4,5,6,7));
    

  30. document.write(calculate("*",1,2,3,4,5,6,7,8,9));
    

  31. let arr1=[1,2,3,4];
    

  32. let arr2=[...arr1];
    

  33. console.log([...arr1,...arr2]);
    

  34. function sum_arr(...data){
    

  35.         let result=0;
    

  36.         for(let i=0;i<data.length;i++){
    

  37.                 result += data[i];
    

  38.         }
    

  39.         return result;
    

  40. }
    


  41. 

  42. console.log(sum_arr(...arr1));
    

  43. let book = {
    

  44.         title: "杜甫诗集",
    

  45.         price:98
    

  46. }
    

  47. let bookdetail = {...book,desc:"a fine book"}
    

  48. console.log(bookdetail);
    

  49.         
    

  50. let wide=10;
    

  51. let high=20;
    

  52. let size={wide,high};
    

  53. console.log(size);
    

  54. var car = {
    

  55.         color:"red",
    

  56.         dools:4,
    

  57.         show:function(){
    

  58.                 console.log(this.color);
    

  59.         },
    

  60.         dool_num(){
    

  61.                 console.log(this.dools);
    

  62.         }
    

  63. }
    

  64. let n="mini";
    

  65. car.show();
    

  66. car.dool_num();
    

  67. car["wide"]=wide;
    

  68. car[n+"car"]=high;
    

  69. console.log(car);
    

  70. let {color,dools}=car;
    

  71. console.log(color);
    

  72. console.log(dools);
    

  73. car.wide=22;
    


  74. 

  75. ({wide}=car);
    

  76. console.log(wide);
    

  77. let{color:tcolor}=car;
    

  78. console.log(tcolor);
    


  79. 

  80. </script>
    

  81.         
    

  82. </body>
    

  83. </html>
回复

收藏 举报

相关帖子
 楼主| keer_zu 发表于 2021-1-20 15:09 | 显示全部楼层
箭头函数：
复制
  1. <!DOCTYPE html>
    

  2. <html>
    

  3. <head> 
    

  4. <meta charset="utf-8"> 
    

  5. <title>菜鸟教程(runoob.com)</title> 
    

  6. </head>
    

  7. <body>
    

  8.         
    

  9. <h1>我的第一个 Web 页面</h1>
    

  10. <p>我的第一个段落。</p>
    

  11. <script>
    

  12. let calculate=(op,...data)=>{
    

  13.         if(op === "+"){
    

  14.                 let result = 0;
    

  15.                 for(let i = 0;i < data.length; i ++){
    

  16.                         result += data[i];
    

  17.                 }
    

  18.                 return result;
    

  19.         }
    

  20.         else if(op === "*"){
    

  21.                 let result = 1;
    

  22.                 for(let i = 0;i < data.length;i ++){
    

  23.                         result *= data[i];
    

  24.                 }
    

  25.                 return result;
    

  26.         }
    

  27. }
    

  28. document.write(Date());
    

  29. document.write(calculate("+",1,2,3,4,5,6,7));
    

  30. document.write(calculate("*",1,2,3,4,5,6,7,8,9));
    

  31. let arr1=[1,2,3,4,5];
    

  32. let arr2=[...arr1];
    

  33. console.log([...arr1,...arr2]);
    

  34. //function sum_arr(...data){
    

  35. let sum_arr=(...data)=>{
    

  36.         let result=0;
    

  37.         for(let i=0;i<data.length;i++){
    

  38.                 result += data[i];
    

  39.         }
    

  40.         return result;
    

  41. }
    


  42. 

  43. console.log(sum_arr(...arr1));
    

  44. let book = {
    

  45.         title: "杜甫诗集",
    

  46.         price:98
    

  47. }
    

  48. let bookdetail = {...book,desc:"a fine book"}
    

  49. console.log(bookdetail);
    

  50.         
    

  51. let wide=10;
    

  52. let high=20;
    

  53. let size={wide,high};
    

  54. console.log(size);
    

  55. var car = {
    

  56.         color:"red",
    

  57.         dools:4,
    

  58.         show:function(){
    

  59.                 console.log(this.color);
    

  60.         },
    

  61.         dool_num(){
    

  62.                 console.log(this.dools);
    

  63.         },
    

  64.         engine:{
    

  65.                 type:"elect",
    

  66.                 power:20
    

  67.         }
    

  68. }
    

  69. let n="mini";
    

  70. car.show();
    

  71. car.dool_num();
    

  72. car["wide"]=wide;
    

  73. car[n+"car"]=high;
    

  74. console.log(car);
    

  75. let {color,dools}=car;
    

  76. console.log(color);
    

  77. console.log(dools);
    

  78. car.wide=22;
    


  79. 

  80. ({wide}=car);
    

  81. console.log(wide);
    

  82. let{color:tcolor}=car;
    

  83. console.log(tcolor);
    

  84. let{engine:{type:etype}}=car;
    

  85. console.log(etype);
    

  86.         
    

  87. let putout=(user,msg)=>`${user}  result:${msg}`;
    

  88. console.log(putout("zhangsan"," pass"));
    


  89. 

  90. let creatcar=(color,doors)=>({color:color,doors:doors});
    

  91. console.log(creatcar("blue",13));
    

  92. </script>
    

  93.         
    

  94. </body>
    

  95. </html>
回复

收藏 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

keer_zu

1488

主题

12949

帖子

55

粉丝
快速回复 在线客服 返回列表 返回顶部