常用函数类型和数据类型学习小结

常用函数类型

常用函数类型

第一种函数定义方法（命名函数）：

// 1.命名函数
        function getName(username){
            return 'hello' + username;
        }
        console.log(getName('彭于晏'))

第二种函数定义方法（匿名函数）：

        // 2.匿名函数
        // 第一种匿名函数定义方法
        let getUserName = function(username){
            return 'hello' + username;
        }
        console.log(getUserName('姜文'))
        // 第二种定义方式:将声明与调用二合一，立即调用函数
        console.log(
            (function(username){
                return 'hello' + username;
            })('姜武')
        )

运行结果：

第三种函数定义方法(箭头函数简化匿名函数）：

// 3.箭头函数，用来简化匿名函数
 // 3.箭头函数，用来简化匿名函数
        // 原命名函数
        function sum(a,b){
            console.log(`${a+b}`)
        }
        // 改成匿名函数
        let SUM=function(a,b){
            console.log(a + b)
        }
        // 改成箭头函数
        // 转化方法
        // 1. 去掉 function
        // 2. 在参数列表与大括号之间使用 '=>'
        add=(a,b)=>{
            console.log(`${a} + ${b}`)
        }
        // 如果只有一个参数，可以不用写参数括号
        add1=a=>{
            console.log(a + 9)
        }
        // 没有参数，括号必须保留
        add2=()=>{
            console.log(90 + 1);
        }
        sum(1,2);
        SUM(3,4);
        add(5,6);
        add1(0);
        add2();

运行结果：

数据类型

原始数据类型：number, string, boolean,undefined, null

        // typeof 查看数据类型
        console.log(100 + 200);
        console.log(typeof 100, typeof 200);
        console.log('hello ' + 'world');
        console.log(typeof('hello ' + 100));//这里会发生隐式转换
//注意：null的类型是obj

运行结果：

引用类型, array, object, function

1、数组

        // 数组
        // 访问数据元素,必须通过数组的引用(数组名称arr)来访问(arr是一个访问入口)
        // 数组成员 的索引是从0开始
        const arr = [1, 'admin', [1, 2, 3], true];
        console.log(arr);//结果Array(4)
        console.log(arr[1]);//结果admin
        console.log(arr[2][1]);//结果2
        console.log(Array.isArray(arr));//true

运行结果：

2、对象

        // 对象
        let obj = {
            id: 1,
            username: 'jack',
            num: [1, 2, 3],
            isOk: true,
            'my email': '498668472@qq.com',
        };
        console.log(arr[1]);
        console.log(obj['username']);
        // 为了简化,并与数组区别,对象有自己的成员访问符: .
        console.log(obj.username);
        console.log(obj['my email']);
        // 对象字面量
        obj2 = {
            id: 1,
            username: 'jack',
            num: [1, 2, 3],
            isOk: true,
            'my email': '498668472@qq.com',
            // 将一个函数转为对象的方法,封装到对象中
            getUser: function() {
                // 在对象中,使用变量this来引用对象自身
                return 'id =' + this.id + ', username =' + this.username;
            },
        };
        console.log(obj2.getUser());

运行结果

3、函数

        // 函数
        // 函数是对象,也是一个值,可以当成参数传递,也可以当成返回值
        console.log(typeof
            function() {});
        function f1(callback) {
            console.log(typeof callback);
            console.log(callback());
        }
        f1(function() {
            return 'Hello 猪老师';
        });
        // 函数当返回值: 闭包
        function f2() {
            // a是 f2的私有变量
            let a = 1;
            return function() {
                // return (a += 1);
                // 而此时,子函数中的a并不是自己的,是父函数的
                return a++;
            };
        }
        console.log(f2());
        const f = f2();
        // console.log(f);
        console.log(f());
        console.log(f());
        console.log(f());
        console.log(f());
        console.log(f());
        console.log(f());
        // 函数就是对象,对象就可以添加属性和方法
        let f3 = function() {};
        f3.myemail = 'admin@php.cn';
        console.log(f3.myemail);
        f3.getEmail = function() {
            console.log(this.myemail);
        };
        f3.getEmail();

运行效果：

函数闭包的概念：

闭包函数：声明在一个函数中的函数，叫做闭包函数。

闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。

特点

• 让外部访问函数内部变量成为可能；
• 局部变量会常驻在内存中；
• 可以避免使用全局变量，防止全局变量污染；
• 会造成内存泄漏（有一块内存空间被长期占用，而不被释放）

理解闭包自行代入这句话

结论：闭包找到的是同一地址中父级函数中对应变量最终的值