博主信息
博文 28
粉丝 0
评论 0
访问量 29541
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js基础:变量,函数,作用域
暝皑祯π_π
原创
1197人浏览过

html代码

  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>Document</title>
  7. </head>
  8. <script>
  9. // 变量区分大小写, 与php一致
  10. // 在JS中, 函数区分大小写,PHP中不区分
  11. // 变量定义使用关键字:var
  12. // 变更更新不需要关键字
  13. //变量前只要有var关键字,就是重新定义一个变量,即使名字相同
  14. // 变量
  15. // 定义变量:区分大小写
  16. var name = "祁同伟";
  17. var age = "30";
  18. var gender = "男";
  19. console.log(name);
  20. // 变量更新:区分大小写
  21. name = "侯亮平";
  22. var NAME = "高育良";
  23. console.log(name);
  24. console.log(NAME);
  25. // 定义函数
  26. function dog() {
  27. var age = "18";
  28. consloe.log(age);
  29. }
  30. // 函数
  31. // 创建函数
  32. //js中函数名称也区分大小写
  33. function a() {
  34. console.log("18");
  35. console.log(name);
  36. }
  37. function A() {
  38. console.log("30");
  39. }
  40. // 调用函数
  41. a();
  42. A();
  43. // 作用域
  44. // 作用域是一个对象, 用来查找变量的工具
  45. // php中作用域有二: 函数作用域, 全局/外部使用域/函数外部
  46. // js与php的作用域是一样的,也有函数和全局
  47. // php与js都不存在块作用域
  48. var number = "6";
  49. var goods = "苹果";
  50. function b() {
  51. //js函数中可以直接使用函数外部定义的变量
  52. console.log(number + "个" + goods);
  53. }
  54. b();
  55. // 调用函数内部变量
  56. function c() {
  57. var orange = "橙子";
  58. console.log(orange);
  59. }
  60. c();
  61. </script>
  62. <body></body>
  63. </html>

控制台

总结

  • 如果script标签中出现src属性,将调用一个外部js脚本,并忽略内部代码
  • async: 可以实现外部的js文件与当前的html文件的解析同步进行
  • script标签中添加defer属性, 将会延迟加载外部的js文件,直到当前的html解析完成
  • js与php的作用域是一样的,也有函数和全局
    // php与js都不存在块作用域
批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:作用域, 也调用上下文绑定, 这个要深刻理解
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学