JavaScript系列之基础篇

Posted 2021-06-29 coderkey

一，初识javascript

1，js三种书写位置

1.1，行内js

（1）语法：

  <input  type="button"  value="点击一下"  onclick="alert('Hello world')" />

（2）注意：

在html中我们推荐使用双引号，js中我们推荐使用单引号。

1.2，内嵌js

（1）语法：

  <script>
      alert('Hello World');
  </script>

（2）注意：

可以将多行js代码写到<script>标签中。

1.3，外部js文件

（1）语法：

  <script  src="my.js"></script>

2，js注释

2.1，单行注释

（1）语法：

// VSCode 默认快捷键 Ctrl + /

2.2，多行注释

（1）语法：

/* */ VSCode 默认快捷键 shift + Alt + a

3，输入输出语句

3.1，用法

（1）语法：

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

---

二，变量导读

1，变量概述

1.1，什么是变量

（1）含义：

变量就是用于存放数据容器，可以通过变量名获取数据，甚至数据可以修改。

1.2，变量在内存中的储存

（1）含义：

变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间，一个房间可以看做是一个变量。

2，变量的使用

2.1，声明变量

（1）语法：

  var age;     //声明一个名称为age的变量；

（2）注意：

var 是一个js关键字，用来声明变量（variable)，使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。

2.2，赋值

（1）语法：

  age = 10;    // 给age这个变量赋值为10；

（2）注意：

“=”号用来把右边的值赋给左边的变量空间中，代表赋值的意思。

2.3，变量的初始化

（1）含义：

声明一个变量并赋值，我们称之为变量的初始化。

（2）语法：

  var  age  =  18;      //声明变量同时赋值为18；

3，变量语法扩展

3.1，更新变量

（1）含义：

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

（2）语法：

  var age =  18;
  age = 81;     //最后的结果就是81，因为18被覆盖掉了；

3.2，同时声明多个变量

（1）含义：

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

（2）语法：

var  age = 10,  name = "66",  sex = 2;

3.3，声明变量特殊情况

情况	说明	结果
var age; console.log(age)	只声明 ，不赋值	undefined
console.log(age)	不声明，不赋值，直接使用	报错
age = 10; console.log(age)	不声明，只赋值	10

4，变量命名规范

1，由字母(A-Za-z)、数字(0-9)、下划线(-)、美元符号($)组成。 如: usrAge, numo1,_name
2，严格区分大小写。 var app:和var App:是两不同个变量
3，不能以数字开头。 18age是错误的
4，不能是关键字、保留字。例如: var, for, while
5，遵守小驼峰命名法,首字母小写,后面单词的首字母需要大写。myFirstName

---