1. 变量,常量,数据类型,实例演示,注意命名规范;

js的变量和常量,变量可更新,可先声明再赋值,常量不可更新,声明时必须初始化,变量声明用let,常量声明用const

  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>编程常识之变量、常量</title>
  8. </head>
  9. <body>
  10. <script>
  11. // 最重要的两类成员:函数和数据
  12. // 传统的变量方式,已淘汰或不建议使用
  13. // var email = "a@qq.com";
  14. // document.write(email);
  15. // alert(email);
  16. // var email = "555@qq.com";
  17. // console.log(email);
  18. // console.info(email);
  19. // 传统js,es6之前的js没有常量,靠自觉靠约定
  20. // var APP_NAME = "在线商城";
  21. // var APP_NAME = "我的小程序";
  22. // console.log(APP_NAME);
  23. let email = "222@qq.com";
  24. // let email = "333@qq.com";
  25. console.log(email);
  26. // 常量不能被更新,声明时必须初始化
  27. const NATION = "China";
  28. console.log(NATION);
  29. </script>
  30. </body>
  31. </html>
效果图如下

js的数据类型包括原始类型和引用类型

1、原始类型包括
数值:整数,小数
字符串:使用双引或者单引号
undefined:未定义
null:空
2、引用类型/对象

  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= , initial-scale=1.0" />
  7. <title>数据类型</title>
  8. </head>
  9. <body>
  10. <script>
  11. // 1.原始
  12. // 2.引用
  13. function hello() {}
  14. console.log(typeof hello);
  15. console.dir(hello);
  16. </script>
  17. </body>
  18. </html>

效果如下

2. 函数参数与返回值,匿名函数及箭头函数的转化,实例演示;

  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. </head>
  9. <body>
  10. <script>
  11. function aa() {
  12. return 3 + 4;
  13. }
  14. console.log(aa());
  15. function bb(a, b) {
  16. return a + b;
  17. }
  18. console.log(bb(4, 4));
  19. // 匿名函数
  20. let nimi = function () {
  21. return 5 + 4;
  22. };
  23. console.log(nimi());
  24. // 匿名函数改造为箭头函数
  25. let nimi1 = () => 5 + 4;
  26. console.log(nimi1());
  27. </script>
  28. </body>
  29. </html>

运行效果如下

更多相关文章

  1. javascript_0707作业
  2. 变量,常量,数据类型,实例演示+函数参数与返回值+匿名函数及箭头
  3. 变量,常量,数据类型, 函数
  4. 变量常量数据类型与函数参数和返回值 匿名函数以及箭头函数作业
  5. javascript常量,变量,数据类型实例
  6. JS中常量变量及函数的理解
  7. 常量、变量与函数
  8. 初探javaScript
  9. html元素,怎么通过JS函数操作;thinkphp模板变量,怎么通过js函数操作

随机推荐

  1. Android Webview 与js交互汇总
  2. android加载mapview
  3. Android之MediaStore应用
  4. android全平台编译ffmpeg以及x264与fdk-a
  5. Android中的基本组件
  6. Amazon 的平板能否威胁 Google
  7. Android开发者指南(1) —— Android Debu
  8. windows和linux下android sdk通用
  9. Android 性能优化之使用MAT分析内存泄露
  10. 【Android】学习笔记(9)——SQLite简单使