~~~ /* * 每一个函数都分为两部分 * 1.创建函数 * function 函数名(形参){ 函数体 } * 2.执行函数 * 函数名(实参) * * 函数就是对实现某一个功能的具体封装，这样后期再想实现这个功能，直接的执行函数即可，无需重新编写代码（减少页面中冗余代码，提高代码重复使用率 =>“低耦合、高内聚”） */ function func() { let total = 10 + 10; console.log(total); } func(); //=>每执行一次会形成一个新的执行上下文 func(); //=================需求：求任意两个数的和 // 任意两个数：创建函数的时候，我们并不清楚要求那两个数的和，只有函数执行的时候告诉我们，我们才知道，此时我们需要定义相应的入口 => 入口在JS函数中被称为形参，“用来存储执行函数时，传递进来的信息的”，所以形参是变量 // => x和y都是形参变量 // => 函数执行的时候，传递进来的值会赋值给形参变量 => 传递的具体值在JS函数中被称为实参，“实参就是具体传递的值” // => 形参是创建函数时候设定的变量，实参是执行函数时候给形参传递的具体值 function sum(x, y) { let total = x + y; console.log(total); } sum(10, 20); //=> x=10 y=20 sum(10); //=> x=10 y=undefined 设定形参变量，但是执行的时候没有传递对应的值，则形参默认值是undefined sum(10, 20, 30); //=> x=10 y=20 第三个实参并没有对应的形参来接收（但是传递给函数了） sum(10 + 20); //=> x=30 y=undefined // sum(1 === 1 ? 'OK' : 'NO'); //=>也需要把三元表达式运算的结果作为实参传递给形参 // let age = 20; // sum(age); //=> x=20 实参永远都应该是值，此处虽然写的AGE，但是他会把AGE变量的值拿到，然后传递给形参x，而不是把AGE本身传递过去 =>sum(20) ~~~