js基础：变量，函数，作用域

html代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <script>
    // 变量区分大小写, 与php一致
    // 在JS中, 函数区分大小写,PHP中不区分
    // 变量定义使用关键字：var
    // 变更更新不需要关键字
    //变量前只要有var关键字，就是重新定义一个变量，即使名字相同
// 变量
    // 定义变量：区分大小写
    var name = "祁同伟";
    var age = "30";
    var gender = "男";
    console.log(name);
    // 变量更新：区分大小写
    name = "侯亮平";
    var NAME = "高育良";
    console.log(name);
    console.log(NAME);
    // 定义函数
    function dog() {
      var age = "18";
      consloe.log(age);
    }
    // 函数
    // 创建函数
    //js中函数名称也区分大小写
    function a() {
      console.log("18");
      console.log(name);
    }
    function A() {
      console.log("30");
    }
    // 调用函数
    a();
    A();
// 作用域
    // 作用域是一个对象, 用来查找变量的工具
    // php中作用域有二: 函数作用域, 全局/外部使用域/函数外部
    // js与php的作用域是一样的,也有函数和全局
    // php与js都不存在块作用域
    var number = "6";
    var goods = "苹果";
    function b() {
      //js函数中可以直接使用函数外部定义的变量
      console.log(number + "个" + goods);
    }
    b();
    //   调用函数内部变量
    function c() {
      var orange = "橙子";
      console.log(orange);
    }
    c();
  </script>
  <body></body>
</html>

控制台

总结

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

html代码

控制台

总结

相关文章