Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 补充js函数类型和数据类型知识
Blogger Information
Blog 17
fans 0
comment 0
visits 8278
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
补充js函数类型和数据类型知识
想做一个躺平的程序员
Original
338 people have browsed it

js函数类型

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>演示JS函数类型</title>
  7. </head>
  8. <body>
  10. </body>
  11. <script>
  12.         // js函数类型有多种
  13.             // 第一种 命名函数
  14.             functoin zhansan(){
  15.                 // function :  声明函数
  16.                 // zhansan : 就是函数名                
  17.             };
  19.             // // 第二种 匿名函数
  20.              function (){
  21.                 //   就是不写函数名
  22.              };
  24.             //  第三种 立即调用函数
  25.             (function lisi(a){
  26.                     console.log("name");
  27.             })();
  29.                  //第三种 分解部分
  31.                     //这部分是声明一个函数.既第一个小括号包起来的内容
  32.                     (function lisi(a){
  33.                         console.log("name")
  34.                     })
  35.                      //这部分是调用函数
  36.                     ();
  37.                  //组合起来就是所看的
  38.                 (function lisi(a){
  39.                         console.log("name");
  40.                 })();
  42.             // 第四种 箭头函数
  43.                 // 箭头有两种
  44.                     //  第一种  一个 =(等于号) 加 >(大于号) 胖箭头 
  45.                     //  第二种   一个  -(一个横杠) 加 >(大于号) 箭头
  46.                 //下面来说函数
  47.                     //平常所见的函数
  48.                        let namee =function (){
  49.                             console.log("Hello word");
  50.                         }
  51.                         namee();
  52.                     //用箭头函数来表示
  53.                         namee=()=>{
  54.                             console.log("Hello1 word");
  55.                         }
  56.                         namee();
  59.                             //如果函数体内只有一条表达式 ,可以简写成如下 ,既{....}和 return可以省略
  60.                             let name=()=> console.log("省略");
  61.                             name(); 
  62.                             // 如果小括号() 里面只有一个参数 ,可以简写成如下, 既 ()小括号省略
  63.                             let ceshi=a => {console.log(a*a)}; 
  64.                             ceshi();
  65.                             // 如果小括号()里面有多个参数则不能省略
  66.                             let wangwu=(a,b)=>{
  67.                                 console.log("小括号中的a="+a+"小括号中的b="+b);
  68.                             }
  69.                             wangwu("我是a","我是b");
  74. </script>
  75. </html>

js数据类型

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>js数据类型</title>
  7. </head>
  8. <body>
  10. </body>
  11. <script>
  12.     // js常用数据类型
  13.         // 第一种 Number 数字类型
  14.             // js数字类型可以使用小数点也可以不使用小数点
  15.             const x=3.14; 
  16.             // 不使用小数点的
  17.             const p=30;
  18.         // 第二种 String 字符串类型
  19.                 //使用双引号情况
  20.                 let name="Hello Word";
  21.                 // 使用单引号情况
  22.                 let zhansan='Test';   
  23.             // 第三种 布尔类型(Boolean)
  24.                 // 布尔(逻辑) 只有两个值: true和false
  25.                 let s=true;
  26.                 let w=false;
  27.             // 第四种   undefined  为定义
  28.                 let a;
  29.                 console.log(a);
  30.             //第五种   null 意思: 空的
  31.                 let d=null;
  32.                 console.log(d);
  34.         //js引用类型
  35.             // 引用类型有三种: array(数组) object(对象) 函数
  36.                 // 数组
  37.                     // 数组用一个中括号包裹 ,里面的内容可写多种类型
  38.                     let user=[1,2,3];
  39.                     let username=[1,"我是字符串",null,3.14];
  40.                     console.log(username);
  41.                     // 单独打印数组里面的一个元素
  42.                     // 我们可以通过数组下标(索引)来访问数组中的元素 , 数组下标从0开始
  43.                     console.log(username[1]);
  44.                     //数组也可以是对象
  45.                     let wangwu=[];
  46.                     wangwu.name="我是王五";
  47.                     console.log(wangwu["name"]);
  48.                     // 数组也可以是函数
  49.                     let lisi=[];
  51.                     lisi.getlist=(a)=>{
  52.                         return "hello word";
  53.                     }
  54.                     console.log(lisi.getlist(1));
  55.                 // 对象
  56.                 //     对象用{}一对大括号包裹里面的内容,采用键值对方式 既 name:value来定义
  57.                     // 属性用逗号分隔
  58.                     let getlist={
  59.                         // 键名:属性值
  60.                         id:1,
  61.                         name: "Hello word",
  62.                         email: "3321321@qq.com",
  63.                         // 属性也可以是函数
  64.                         list:function(){
  65.                              return  " 我是测试";
  66.                         },
  67.                     }
  68.                     // 对象添加属性
  69.                     getlist.password="123123";
  70.                     // 打印对象getlist ,查看数据
  71.                     console.log(getlist);
  76. </script>
  77. </html>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post