Blogger Information
Blog 43
fans 4
comment 0
visits 19579
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js变量常量/作用域/函数体/实例演示
汇享科技
Original
359 people have browsed it

js初体验

  1. 变量常量

变量声明let 常量声明const 变量的值是可以变化的并且在声明变量时可以不必初始化 常量的值是固定的并且在声明的时候必须初始化

l5sxu70p.png

  1. 作用域

代码块的作用域是仅在一对{}中 在外部调用内部的变量就会报错也叫块作用域

l5sxq5f1.png

函数作用域 在函数体内声明的变量是私有变量也是内部变量 当调用函数的时候可以访问到内部的私有变量 单独在外部是无法访问函数体内的变量

l5syt9iv.png

  1. 命名标准规则

    命名时不能以数字开头比如let 1a = 10;这种是错误的 常见命名规则有蛇形命名法 驼峰命名法 常量命名可以大写

l5szggpq.png

4.函数的三种表示方式

默认命名函数规则就是用关键字function 函数名(参数){函数体}来声明
匿名函数是将一个函数封装到一个变量当中 箭头函数比较特殊 这是箭头函数构造:(参数) => { 函数体 }

l5szwkvz.png

整体代码块

  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>js初体验</title>
  8. </head>
  9. <body></body>
  10. <script>
  11. // 声明变量关键字let
  12. let a;
  13. a = 10;
  14. //相当于定义一个变量a但是没有初始化 a=10初始化赋值
  15. console.log("这是变量" + a);
  16. //常量声明 const 常量的值是不能被更改的 变量可以单独声明单独初始化 常量必须在声明的时候初始化
  17. const PASS_WORD = 123456;
  18. console.log("这是个常量" + PASS_WORD);
  19. //作用域解释
  20. {
  21. // 这是一个代码块;
  22. let a = 5;
  23. console.log(a);
  24. }
  25. // console.log(a);
  26. //函数作用域
  27. function fun() {
  28. let a = 10;
  29. let b = 10;
  30. let res = a + b;
  31. return res;
  32. }
  33. console.log(fun());
  34. // console.log(res);
  35. //标识符书写标准
  36. //命名时不能以数字开头比如let 1a = 10;这种是错误的 常见命名规则有蛇形命名法 驼峰命名法 常量命名可以大写
  37. //常规命名
  38. let password = "这是密码";
  39. console.log(password);
  40. //蛇形命名法
  41. let user_name = "这是蛇形命名法user_name";
  42. console.log(user_name);
  43. //驼峰命名
  44. let UserEmail = "这是驼峰命名UserEmail";
  45. console.log(UserEmail);
  46. //常量
  47. const USER_ARR = "我是常量";
  48. console.log(USER_ARR);
  49. //函数表示方式
  50. // 1.命名函数
  51. function m1() {
  52. console.log("第一种命名函数");
  53. }
  54. m1();
  55. // 2.匿名函数
  56. let h = function () {
  57. console.log("匿名函数");
  58. };
  59. h();
  60. // 3.箭头函数
  61. let niming = () => {
  62. console.log("箭头函数");
  63. };
  64. niming();
  65. </script>
  66. </html>
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post