文章目录
一.JavaScript和html代码结合
1.第一种方式
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
alert("hello javaScript!");
</script>
</head>
2.第二种方式
<script type="text/javascript" src="hello.js"></script>
hello.js
alert("2022 hello!");
二.变量
数值:number
字符串:string
对象:object
布尔:boolean
函数:function
特殊的值:undefined未赋予初始值的默认值,null空值,NAN非数字非数值
<script type="text/javascript">
let i;
alert(i);/*undefine*/
i=12;
alert(typeof i);/*number*/
i="abc";
alert(typeof i);/*string*/
let a=12;
let b="abc";
alert(a*b);/*NaN*/
</script>
1.关系运算
等于:== 简单的做字面值的比较
全等于:=== 除了字面值的比较还有变量的类型
<script type="text/javascript">
let a="12";
let b=12;
alert(a==b);/*true*/
alert(a===b);/*false*/
</script>
2.逻辑运算
且&& 或|| 反!
所有的变量都可作为一个boolean变量去使用
0、null、undefine、""(空串)都认为是false
&&
全真:返回最后一个表达式的值
假:返回第一个为假的表达式
||:
全假:返回最后一个表达式的值
真:返回第一个为真的表达式
三.数组
<script type="text/javascript">
let arr=[];/*定义一个空数组*/
alert(arr.length);//0
/*JavaScript语言中的数组,只要我们通过数组下标赋值,那么最大的下标值,就会自动的给数组扩容操作*/
arr[2]="abc";
alert(arr.length);//3
alert(arr[1]);//undefine
</script>
<script type="text/javascript">
let arr=[1,"abc",true];
for (let i = 0; i < arr.length; i++) {
alert(arr[i]);
}
</script>
四.函数
1.函数定义的方式
方式一
<script type="text/javascript">
function sum(num1,num2){
let res=num1+num2;
return res;
}
alert(sum(20,30));
</script>
方式二
<script type="text/javascript">
let sum=function(num1,num2){
let res=num1+num2;
return res;
}
alert(sum(20,30));