JavaScript的学习

62 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第24天,点击查看活动详情

image.png

1. JS的写法

1.1 行内JS

  • 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如 :onclick
  • 注意单双引号的使用:在HEML中我们推荐使用双引号,JS中我们推荐使用单引号
  • 可读性差,在html中编写JS大量代码时,不方便阅读;
  • 引号易错,引号多层嵌套匹配时,非常容易弄混;
  • 特殊情况下使用

image.png

1.2 内嵌JS

image.png

  • 可以将多行JS代码写到
  • 内嵌JS是学习时常用的方式

1.3 外部JS文件

image.png

  • 利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
  • 引用外部JS文件的script标签中间不可以写代码
  • 适合于JS代码量比较大的情况

通过引入的方式将外部JS文件引入进来

2. JS注释

image.png

3. JS输入输出语句

image.png

4. 变量

4.1 变量的使用

4.1.1 声明变量(为变量申请空间)

image.png

  • var是一个JS关键字,用来声明变量( variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管
  • age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间

4.1.3 变量的案例

image.png

4.2 变量的语法扩展

4.2.1 更新变量

一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

image.png 控制台输出的始终是最后一个结果。

4.2.2 声明多个变量的写法

同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开。

image.png

4.2.3 一些遇到的特殊情况

image.png