一、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把数据类型分为两类:
简单数据类型(基本数据类型) | 复杂数据类型 |
| 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。