实例演示: 函数类型及其原始数据类型与引用类型

1. 四种常用的函数类型

常用的函数类型主要有:命名函数,匿名函数,箭头函数,立即执行函数.

(1). 命名函数:

 /*命名函数*/
 function sum(a,b){
         // 返回相加后的值
          return a+b;
         }
    console.log(sum(20,30));
/*模板字面量*/
    function sum(a,b){
        return `${a} + ${b} = ${a + b}`  
    }
    console.log(sum(1,8));

(2). 匿名函数:

 // 函数表达式(函数变量):值是一个匿名函数
 let sum5 = function(a,b){
          return `${a} + ${b} = ${a + b}`;
         }
    console.log(sum5(100,300));

(3). 箭头函数:

//箭头函数(匿名函数的简写)
    // fn=>(){}
     /**
     * 声明简化
     * 1. 删除:function
     * 2.(){}: ()=>{}
     * (参数列表)=>{函数的代码块}
     */
    let sum6 = (a,b)=>{
        return `${a} + ${b} = ${a + b}`
      }
     console.log(sum6(12,38));
    /**
    * 参数简化
    * 1. 单参数:可以不加括号()
    * 2. 多个参数或者无参数:必须加括号()
    */
    /**
    * 返回值可以简化
    * 如果只有一条return语句
    * 1. 可以不写: {}
    * 2. 可以不写: return
    */
     sum6 = (a,b)=>`${a} + ${b} = ${a + b}`;
     console.log(sum6(1,9));

(4). 立即执行函数

  let sum8 = (function (a,b){
       return `${a} + ${b} = ${a + b}`
      })(12,11)
    console.log(sum8);

2. 原始数据类型

(1). number类型

  // 1.number类型
   console.log(12345,typeof(12345));
   console.log(3.14,typeof(3.14));
   //都返回number类型

(2). string字符串类型

// 2.string字符串类型
   console.log('baidu',typeof('baidu'));

(3). boolean布尔类型

  // 3.boolean布尔类型
   console.log(true,typeof(true));

(4). null类型

 // 4.null类型
 // null返回的是object
   console.log(null,typeof null);

(5). undefined类型

  //5. undefined类型
        let a;
  // 声明了没赋值,就是undefined;
    console.log(a,typeof a);

3. 引用类型

(1). 数组类型

   // 3种类型本质上都是对象
   // 1.数组
        const arr=[1,'php',true]
        console.log(arr);
        // 访问数组中单个值,可以用索引访问arr[1]
        console.log(arr[1]);
        // typeof判断返回都是object;
        // 正确判断数组的类型方式是
        console.log(Array.isArray(arr));//返回true表示是数组

(2). 对象类型

     // 2.对象
     // 与数组是有区别的,可以视为语义化字符串的数组,像php中的关联数组
        let user = {
            id:10,
            name:'admin',
            isMarried:true,
            'my mail':'123@qq.com'
        };
        console.log(user['name']);
       //如果属性都是合法标识符(比如标识符中间有空格等),可以用 "."来访问成员
        console.log(user.name);
        //属性是非法的标识符,就必须用数组的方式索引方式访问user['my mail']
        console.log(user['my mail']);
        //将操作封装到对象中去
           user = {
            //属性:对象中的变量
            id:10,
            name:'admin',
            isMarried:true,
            //方法:对象中的函数
            show:function(){
                //this:当前对象的引用
                return `id=${this.id},name=${this.name}` 
            },
            }
            console.log(user.show());

(3). 函数类型

  let fn = function(){}
    console.log(typeof(fn));
 //因为函数是对象,所以可以给其添加属性和方法
 fn.price = 998.00
 fn.sweet = function (uname){
    return `hello,${uname}`;
 }
 console.dir(fn.price);
 console.dir(fn.sweet('张老师'));

通过3月22日晚上的学习,基本熟悉四种函数和几种数据类型.