JavaScript基础：函数、作用域、this与构造函数详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45867195/article/details/134320672

函数也是一个对象，也具有普通对象的功能（能有属性）
函数中可以封装一些代码，在需要的时候可以去调用函数来执行这些代码，使用typeof检查一个函数时会返回function。

1.创建函数

function 函数名([形参1,形参2...形参N]){  
语句...  
}

创建匿名函数

function([形参1,形参2...形参N]){  
语句...  
};

创建箭头函数

 ()=>{
        console.log("箭头函数");
    }

2.调用函数

（1）调用函数

语法：函数名([实参1,实参2...实参N]);
fun() sum() alert() Number() parseInt()
当我们调用函数时，函数中封装的代码会按照编写的顺序执行

（2）形参和实参

形参：形式参数
定义函数时，可以在()中定义一个或多个形参，形参之间使用逗号隔开。
定义形参就相当于在函数内声明了对应的变量但是并不赋值，形参会在调用时才赋值。

实参：实际参数
调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参,
调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。
如果实参的数量大于形参，多余实参将不会赋值，
如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined

（3）返回值

返回值就是函数执行的结果。
使用return 来设置函数的返回值。
语法：return 值;
该值就会成为函数的返回值，可以通过一个变量来接收返回值
return后边的代码都不会执行，一旦执行到return语句时，函数将会立刻退出。
return后可以跟任意类型的值，可以是基本数据类型，也可以是一个对象。
如果return后不跟值，或者是不写return则函数默认返回undefined。

箭头函数返回一个对象时，需要加()

break、continue和return的区分
break：退出循环
continue：跳过当次循环
return：退出函数

（4）立即执行函数

函数定义完，立即被调用，这种函数叫做立即执行函数，一般用于匿名函数。
立即执行函数往往只会执行一次。

(function(a,b){  
    console.log("a = "+a);  
    console.log("b = "+b);  
})(123,456);

（5）作用域

作用域：分为全局作用域和函数作用域。

全局作用域：

直接在script标签中编写的代码都运行在全局作用域中。
在全局作用域中创建的变量都会作为window对象的属性保存。
在全局作用域中创建的函数都会作为window对象的方法保存。

函数作用域：

函数作用域是函数执行时创建的作用域，每次调用函数都会创建一个新的函数作用域。
当在函数作用域中使用一个变量时，它会先在自身作用域中寻找，如果找到了则直接使用，如果没有找到则到上一级作用域中寻找，如果找到了则使用，找不到则继续向上找，一直会找到全局作用域为止。

当想在函数作用域访问全局变量时，可以用window.变量名

（6）this关键字

我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。
使用this来引用上下文对象，根据函数的调用形式不同，this的值也不同。

this指向当前对象

this的不同的情况：
1.以函数的形式调用时，this是window
2.以方法的形式调用时，this就是调用方法的对象
3.以构造函数的形式调用时，this就是新创建的对象
4.使用call和apply调用时，this是指定的那个对象

call()
apply()
这两个方法都是函数对象的方法需要通过函数对象来调用
通过两个方法可以直接调用函数，例如fun.call() fun.apply()他们和fun()效果一样，并且可以通过第一个实参来指定函数中this。
不同的是call是直接传递函数的实参而apply需要将实参封装到一个数组中传递。

function fun(a, b) {
            alert(this)
        }

        let obj = {};

        fun.call(obj, 1, 2);
        fun.apply(obj, [1, 2]);

arguments：
arguments和this类似，都是函数中的隐含的参数
arguments是一个类数组元素，它用来封装函数执行过程中的实参
所以即使不定义形参，也可以通过arguments来使用实参
arguments中有一个属性callee表示当前执行的函数对象

箭头函数没有自己的this，它的this由外层作用域决定，箭头函数的this和它的调用方式无关。

3.构造函数

使用工厂方法创建的对象，查看其类型时都是Object，无法区分多种不同类型的对象。

构造函数是专门用来创建对象的函数，一个构造函数我们也可以称为一个类。
通过一个构造函数创建的对象，我们称该对象时这个构造函数的实例，使用同一个构造函数创建的对象，我们称为一类对象。例如下列代码中person1和person2。
构造函数就是一个普通的函数，只是他的调用方式不同，如果直接调用，它就是一个普通函数，如果使用new来调用，则它就是一个构造函数。
创建构造函数时，一般函数名首字母大写。

 function sayName() {
            alert("大家好，我是"+this["name"]);
        }

        function Person(name, age, gender) {
            this["name"] = name;
            this["age"] = age;
            this["gender"] = gender;
            this["sayName"] = sayName;
        }


        function Dog(name, age, gender) {
            this["name"] = name;
            this["age"] = age;
            this["gender"] = gender;

        }

        const dog1 = new Dog("旺财", 3, "公");
        const person1 = new Person("张三", 20, "女");
        const person2 = new Person("李四", 22, "男");

        console.log(dog1, person1, person2)    //Dog、Perspon、Person
        person1.sayName();

构造函数的执行流程：
1.创建一个新的对象
2.将新的对象作为函数的上下文对象（this）
3.执行函数中的代码
4.将新建的对象返回

instanceof 用来检查一个对象是否是一个类的实例
语法：对象 instanceof 构造函数
如果该对象时构造函数的实例，则返回true，否则返回false
Object是所有对象的祖先，所以任何对象和Object做instanceof都会返回true