JavaScript入门（一）

一、JS初识

1.1 JS三部分组成

1.2 JS使用

1.2.1 行内式 直接写到元素的内部

<a href="javascript:alert('2');">链接</a>

运行：

<input type="button" value="2023" onclick="alert('兔年快乐')">

运行：

1.2.2 JS内嵌式 在HTML中在script标签中编写

<script>
    alert("我是js");
</script>

运行：

1.2.3 外部JS文件

在一个单独的js文件中也可以编写JavaScript代码，然后在HTML文件中使用script双标签进行引用

HTML中：

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

JS文件中：

alert("我是js");

1.3 JS的注释

单行注释
//单行注释

多行注释
/*多行注释
多行注释*/

1.4 JS的输入输出

1.4.1 alert

• 弹出警示框（展示给用户）

alert('弹出警示框');

1.4.2 console

• 控制台输出（给程序员测试的）

console.log("我是控制台，程序员看到的");

1.4.3 prompt

• 输入框

prompt('这是一个输入框');

二、JS变量

变量是程序在内存中申请的一块用来存放数据的空间，作用是给某一个值或对象标注名称。

2.1 变量的使用

声明变量：使用var关键字声明一个变量

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

变量的赋值：=用来把右边的值赋给左边的变量空间

a=123;//把a变量赋值为123

声明和赋值同时进行：（称为变量的初始化）

var a=123;

输出结果：

console.log(a);

2.2 变量语法扩展

2.2.1 更新变量

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

2.2.2 同时声明多个变量

var age=18，
    gz=2000，
    address=China；

2.2.3 声明变量的特殊情况

2.3 变量命名规范

• 由字母、数字、下划线（_）、美元符号（$）组成；

• 严格区分大小写；

• 不可以数字开头；

• 不能是关键字、保留字，例如：for、while、var（name虽然不是关键字和保留字但是在某些浏览器中有特殊含义，所以尽量不要直接使用）；

• 变量名必须有意义；

• 遵循驼峰命名法。首字母小写，后面单词首字母大写，例如myFirstName；

三、数据类型

JavaScript是一种弱类型或者说动态语言，这意味着不用提前声明变量的类型。JS变量的数据类型是只有在程序运行过程中，根据等号右边的值自动确定；JS拥有动态类型，意味着相同的变量可以用作不同的类型，即变量的数据类型是可变的。

JS把数据类型分为两类：

简单数据类型（基本数据类型）	复杂数据类型
字符串型（String） 数值型（Number） 布尔型（Boolean） undefined型（Undefined） null型（Null）	object

3.1 Number

Number 类型用来表示整数和浮点数。八进制：以0开头 0~7；十六进制：以0x开头 0~9 a~f

使用typeof对没有初始化和没有声明的变量，会返回“undefined”

JS中的最大值最小值：

特殊数字：

• Infinity：正无穷；

• -Infinity：负无穷；

• NaN：非法数字（Not A Number）

isNaN() 该语句用来判断是否为非数值，如果是数字返回false，不是数字返回true。

3.2 String

用于表示一个字符序列，即字符串。字符串需要使用单引号‘’或双引号“”括起来

3.2.1字符串引号嵌套

单引号嵌套双引号，或者双引号嵌套单引号（外双内单，外单内双）。

3.2.2 字符串转义符号

3.2.3 字符串的长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

3.2.4 字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串 + 任何类型 = 拼接之后的新字符串；

拼接前会将与字符串相加的任何类型转化为字符串型，再拼接成一个新的字符串。

使用typeof运算符检查字符串时，会返回"string"。

console.log('兔年'+'快乐');//字符串+字符串
console.log('兔年'+2023);//字符串+整数型
console.log('兔年'+true);//字符串+布尔型

数值相加，字符相连

console.log(12+12);//24
console.log('12'+12);//1212

var year = 2023;
console.log('今年是'+year+'年');//今年是2023年
//通过更新变量year来修改显示语句

3.3 Boolean

布尔型只能够取真（true）和假（false）两种数值。使用typeof对没有初始化和没有声明的变量，会返回“undefined”。true 被当做1；false被当做0

var result=true+1;
console.log(result);

var result=true+false;
console.log(result);

3.4 Undefined

在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined。

var variable = undefined;
console.log(variable + 'today');//undefinedtoday
console.log(variable + 1;//NaN(非数字） undefined 和数字相加 最后结果是NaN

3.5 Null

空值。从语义上看null表示的是一个空的对象，所以使用typeof检查null会返回一个Object；undefined值实际上是由null值衍生出来的，所以如果比较undefined和null是否相等，会返回true。