1 <script> 2 //有参函数与无参函数 3 /*无参函数*/ 4 function add(){ 5 var a = 10; 6 var b = 20; 7 var c = a + b; 8 console.log(c); 9 } 10 add(); 11 12 /*有参函数*/ 13 function add2(d,e){ 14 var f = d + e; 15 console.log(f); 16 } 17 // add2(11,22); 18 // var a = +prompt("第一个加数"); 19 // var b = +prompt("第二个加数"); 20 // add2(a,b); 21 22 // 如果实参少于形参，没被赋值的形参就是undefined，可以在函数内部给他默认一个值，比如用if语句判断一下，给他赋值。 23 // 如果实参多于形参，正常情况下多余的实参会被忽略掉； 24 // 如果不想被忽略掉，想得到多余的实参，并参与运算怎么办？ 25 // 需要借助函数内部的特殊对象：arguments 这是内置的对象（此对象是一个类数组对象：他是一个对象。 26 // 但是他的用法有点像数组，所以称之为类数组对象），只能在函数内部使用，外部无法使用 27 28 /*不定长参数的函数*/ 29 function add3(){ 30 var sum = 0; 31 for (var i = 0; i < arguments.length; i++){ 32 sum += arguments[i]; 33 } 34 return sum; 35 } 36 37 var g = add3(1,2,3,4); 38 console.log(g); 39 40 function add4(h, k){ 41 console.log(h, k); //3 5 42 console.log(arguments[0], arguments[1]); //3 5 43 h = 22; 44 console.log(h, k); //22 5 45 console.log(arguments[0], arguments[1]); //22 5 46 //结论：arguments对象的数据和形参之间是相互映射的关系，两者指向同一个地址空间，任何一方发生改变，都会影响另一方跟着改变。 47 } 48 49 add4(3,5,6,7,8,9); 50 51 52 53 // 函数的重载：即同一个作用域下的两个同名函数。（在两个不同文件中出现同名函数，只要他们不整合到一起，就没有影响） 54 /* 55 在很多编程语言中，在同一个作用域中允许出现两个或多个同名不同参的函数，且互不影响，这种现象叫重载。 56 但是在JavaScript中，如果出现两个或多个同名函数（不论参数的个数是否相同），后面的都会覆盖前面的同名函数。 57 */ 58 function welcome(){ 59 console.log("Hello!!!!!!"); 60 } 61 62 function welcome(name){ 63 console.log("Hello",name); 64 } 65 66 welcome(); //Hello undefined 67 welcome("小明"); //Hello 小明 68 69 70 71 //作用域 72 /* 73 ES5中只存在两种变量的作用域：（即可使用的范围） 74 1、全局变量 函数外部 75 2、局部变量 函数内部 76 最佳实践：尽量减少全局变量，避免命名冲突。因为如果两个人在同一个脚本的 77 不同函数中使用了相同的全局变量名，就很容易导致不可预测的结果和难以察觉的 bug。 78 一定记得使用 var 声明变量，避免一个变量未经声明就来使用。否则即使是在函数内部，变量也会自动提升为全局变量。 79 */ 80 var hi = "Hello"; 81 function come(){ 82 var msg = "Hello!!!"; 83 console.log(msg); //ok,没问题。可访问的 84 console.log(hi); //ok,没问题。可访问的 85 } 86 87 come(); 88 console.log(hi); //没问题，可访问的 89 console.log(msg); //报错，不可访问的 90 //结论：变量查找原则：就近原则。 如果找不到，就向其父级作用域寻找，直到找到全局作用域还没找到就报错。 91 // 变量访问：里面可以访问到外面，外面无法访问里面。 92 // 相同作用域下定义同名变量，后面的会覆盖掉前面的。 不同作用域下定义同名变量，互不影响。 93 </script>