function.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. <script>
  9. /**
  10. * Java 语言有两种声明函数的方案
  11. * 第一种 函数式声明
  12. * 第二种 变量式声明
  13. * JS 参数没有类型限制, 也没有 强制传参限制, 可以在声明参数的时候 指定默认值
  14. * JS 返回值也没有强制限制, 同样没有类型限制
  15. */
  16. function f(arg1, arg2, arg3 = [1,2,3]) {
  17. console.log( arg1, arg2, arg3 )
  18. }
  19. //函数式声明, 会在解析代码的时候 检查代码
  20. var fun = function(){
  21. console.log("Hello World fun")
  22. }
  23. //变量式声明, 解析器不会对函数进行检查
  24. // f( 1, "" )
  25. // fun()
  26. /**
  27. * 验证 函数式声明 和 变量式声明区别
  28. * @param arg
  29. */
  30. function f1(arg){
  31. console.log(arg)
  32. function arg(){}
  33. console.log(arg)
  34. }
  35. function f2(arg){
  36. console.log(arg)
  37. var arg = function(){}
  38. console.log(arg)
  39. }
  40. f1("hello F1")
  41. console.log("--------------------------------------------")
  42. f2("hello F2")
  43. </script>
  44. </body>
  45. </html>