02.函数.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /**
  10. * 函数
  11. * -函数也是一个对象
  12. * -函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)
  13. * -函数中可以保存一些代码在需要的时候调用
  14. * -使用typeof检查一个函数对象时,会返回function
  15. */
  16. //创建一个函数对象
  17. //可以将要封装的代码以字符串的形式传递给构造函数
  18. // var fun = new Function();
  19. var fun = new Function("console.log('这是我的第一个函数;')");
  20. // console.log(fun);
  21. //我们在实际开发中很少使用构造函数来创建一个函数对象
  22. //封装到函数中的代码不会立即执行
  23. //函数中的代码会在函数调用的时候执行
  24. //调用函数的语法:函数对象()
  25. //当调用函数时,函数中封装的代码会按照顺序执行
  26. //调用函数
  27. fun();
  28. /*
  29. 使用函数声明来创建一个函数
  30. 语法:
  31. function 函数名([形参1,形参2,……]){
  32. 语句……
  33. }
  34. */
  35. function fun2() {
  36. console.log('这是我的第二个函数;');
  37. alert('呵呵');
  38. document.write('hello');
  39. }
  40. // console.log(fun2);
  41. //调用fun2
  42. fun2();
  43. /*
  44. 使用函数表达式来创建一个函数
  45. var 函数名 = function([形参1,形参2,……,形参N]){
  46. 语句……
  47. }:
  48. */
  49. var fun3 = function () {
  50. console.log('匿名函数中封装的代码');
  51. };
  52. </script>
  53. </head>
  54. <body>
  55. </body>
  56. </html>