js书写位置 || 变量 || 常量

48 阅读3分钟

Javascript书写位置

1.内部js

  • 直接写在html文档里 用script标签包住;
  • 规范:script写在</body>上面
  • image.png
  • 注意事项:
  • 我们将 <script> 放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。如果先加载的JavaScript期望修改其下方的 HTML,那么它可能由于 HTML 尚未被加载而失效。因此,将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。

2.外部js

  • 代码写在.js结尾的文件里
  • 语法:通过script标签,引入到html页面中。
  • <script src="路径"></script>
  • 注意事项:
  • 1.script标签中间无需写代码,否则会被忽略!
    1. 外部JavaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML 也会更加易读。

3.行内js

  • 代码写在标签内部
  • 语法:直接标签内部写js代码
  • image.png

变量

  • 变量是计算机中用来存储数据的“容器”;

变量的基本使用

  1. 声明变量
  • 要想使用变量,首先需要创建变量(也称为声明变量或者定义变量)
  • 语法:let value
  • 声明变量由两部分构成:声明关键字、变量名(标识);
  • let 即关键字 (let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语;
  1. 变量赋值
  • 定义了一个变量后,你就能够初始化它(赋值)。在变量名之后跟上一个“=”,然后是数值;
  • let value
  • value = n
  • 是通过变量名来获得变量里面的数据
  • 也可以声明变量的时候直接完成赋值操作,这种操作也称为 变量初始化
  • let value = n
  1. 更新变量
  • 变量赋值后,还可以通过简单地给它一个不同的值来更新它。
  • image.png
  • image.png
  • 注意: let 不允对同一个变量多次声明
  1. 声明多个变量
  • 语法:多个变量中间用逗号隔开
  • image.png
  • 说明:看上去代码长度更短,但并不推荐这样。为了更好的可读性,一般情况下我们一行只声明一个变量。
  • image.png

let和var区别:

  • 在较旧的JavaScript,使用关键字 var 来声明变量 ,而不是 let。 var 现在开发中一般不再使用它,只是我们可能再老版程序中看到它。 let 为了解决 var 的一些问题。
  • var 可以先使用再声明(不合理)
  • var 声明过的变量可以重复声明(不合理)
  • 比如变量提升、全局变量、没有块级作用域等等

变量命名与规范

  1. 规则:
  • 不能用关键字;关键字:有特殊含义的字符,JavaScript 内置的一些英语词汇。例如:let、var、if、for等;
  • 只能用下划线、字母、数字、$组成,且数字不能开头;
  • 字母严格区分大小写,如 Age 和 age 是不同的变量;
  1. 规范:
  • 起名要有意义;
  • 遵守小驼峰命名法;第一个单词首字母小写,后面每个单词首字母大写。例:userName

常量

  • 常量也是一个容器,用于保存数据的;
  • 和变量的区别 : 常量里面保存的值是不允许改变的;
  • 使用场景: 当某个值永远不会改变的时候,我们可以使用常量来保存,目的为了程序的安全;
  • image.png
  • const 单词 常量 的意思
  • 注意:
    1. 常量不允许重新赋值,可以理解为是只读的;
    1. 声明的时候必须赋值(初始化);