博客列表 >JS基础知识:Js的引入使用和变量声明

JS基础知识:Js的引入使用和变量声明

李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰
李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰原创
2020年05月20日 22:09:13908浏览

课堂知识总结:

1、JS相关属性:
src=""引用外部JS文件,且忽略内部JS代码;
defer:JS代码延后执行,在html文档加载完毕在执行JS代码;
asnyc:js代码和当前html文档解析同步进行;
2、变量:
var变量声明,=变量赋值初始化;(变量声明和初始化);
=变量更新;
3、与PHP对比:
(1).JS变量和PHP变量一样区分大小写;
(2).函数:在JS中区分大小写,在php中不区分大小写;
4、ES5和ES6中语法区别:
(1).JS在ES5中允许变量重新声明,不在存在块作用域
(2).JS在ES6中存在块作用域
(3).JS中函数内部可以直接使用外部变量;
5、JS中变量声明提升:变量未定义之前就可以使用了,但是值是:undefined;

代码练习:

  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>js练习</title>
  7. <!-- 引用外部js链接 -->
  8. <!-- <script src="JavaScript.js"></script> -->
  9. <!-- <script defer src="JavaScript.js"></script> -->
  10. <script async src="JavaScript.js"></script>
  11. </head>
  12. <body>
  13. <h3>Hello,欢迎来到JS世界!</h3>
  14. </body>
  15. <script>
  16. // 变量声明和初始化;变量声明关键字:var
  17. var name = "PHP";
  18. console.log(name);
  19. // 变量区分大小写
  20. name = "种业圈";
  21. console.log(name);
  22. NAME = "zhongyequan";
  23. console.log(NAME);
  24. //在ES5中变量重复声明
  25. var name = "PHP中文网";
  26. console.log(name);
  27. console.log("……………………………………");
  28. //函数区分大小写
  29. function A() {
  30. console.log("大写A函数内容");
  31. }
  32. function a() {
  33. console.log("小写a函数内容");
  34. }
  35. A();
  36. a();
  37. console.log("……………………………………");
  38. function write() {
  39. var site = "站点";
  40. console.log(name); //可以直接访问外部变量
  41. }
  42. write();
  43. // console.log(site);外部不能访问函数内变量
  44. console.log("……………………………………");
  45. //{}ES5不支持块作用域,但ES6支持
  46. {
  47. //块作用域
  48. var age = 30;
  49. console.log(name);
  50. }
  51. console.log(age);
  52. console.log(sex); //变量声明自动提升
  53. var sex = "男";
  54. console.log(sex);
  55. </script>
  56. </html>

运行结果图

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议