19_函数.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. var a = 10;
  11. var b = 20;
  12. // console.log(a+b);
  13. // 函数的定义 使用 function 进行定义 后边为函数名 函数名后边为括号(括号内部为传递的参数一般称为形参) 小括号后边为大括号{}函数体
  14. // function add(x,y){
  15. // console.log("两个数字的和为:" +(x+y));
  16. // }
  17. // 调用函数 函数一定要调用才能执行 调用的方式为 函数名后边为括号(括号内部为传递的参数一般称为实参)
  18. // add(10,20);
  19. // 函数可以多次调用
  20. // add(a,b);
  21. // 函数具有返回值
  22. function add(x,y){
  23. var res = x + y;
  24. // return 语句可以用来返回函数的执行结果
  25. return res;
  26. // return 语句可以用来结束函数的执行 后边的代码不会执行
  27. console.log(res);
  28. }
  29. var num = add(10,20);
  30. console.log(num);
  31. // 函数定义方式2
  32. // var addFun = function(x,y){
  33. // return x + y;
  34. // }
  35. // var num2 = addFun(10,20);
  36. // console.log(num2);
  37. // 函数与变量
  38. // 变量是有作用域的
  39. // 1、在函数内部定义的变量称为局部变量 只能在函数内部使用
  40. // 2、在函数外部定义的变量称为全局变量 可以在任何地方使用包括函数内部
  41. // 3、作用域链:当使用到具体变量的时候先从当前作用域内部查找 如果没有则从外部作用域查找一直找到最顶部作用域
  42. var c = 20;
  43. function foo(){
  44. var c = 10;
  45. console.log(c);
  46. }
  47. foo();
  48. console.log(c);
  49. </script>
  50. </body>
  51. </html>