Javascript基础语法
变量
定义一个变量我们需要用到两个关键字let和var
使用格式
let 变量名 = 内容;
var 变量名 = 内容;使用演示
let a=10;
var b=20;此关键字除了能定义数字类型之外，也能定义其他类型，给什么内容定义什么类型
这里我们一般都使用let来定义变量，let比var少更多缺陷
console
console是控制台的意思，console的各个参数可以给我提供查看变量信息的功能
使用格式
console.log(变量名)演示代码
<script>a=1;console.log(a);
</script>查看结果我们需要在展示网页按F12找到控制台
演示结果
这里的这个1就是console.log控制台显示的效果
当然console还有其它的接口，但是我们这里只需要学习这一个就可以了
alert
alert可以在网页中显示我们需要输出的信息
使用格式
alert(内容)演示代码
<script>a=1;alert("我的数字是"+a);
</script>演示结果
这里我们可以看到，alert也支持'+'，可以通过'+'将其它变量连接起来输出
prompt
prompt用于网页弹窗提示用户输入信息
使用格式
变量名=prompt("需要提示的信息")演示代码
<script>a=prompt("请输入你的数字")alert("我的数字是"+a);
</script>演示结果
动态类型
动态类型的变量可以通过赋值直接改变变量的类型
我们JS中变量大部分都是动态类型，而C++和JAVA大部分都是静态类型
演示代码
<script>a=15;alert("我的数字是"+a);a="Microsoft"alert("我的字符是"+a);
</script>演示结果
这里的a类型从number类型转换到了string类型，但是这中操作在C++/Java中是不允许的
基本数据类型
类型介绍
| 属性 | 描述 |
| number | 数字，不区分整数和浮点数 |
| boolean | true为真，false为假 |
| string | 字符串类型 |
| undefined | 未定义的变量 |
| null | 只有唯一的值null |
演示代码
<script>let a=15;let b=3.14;let c="Microsoft"let d=true;console.log(typeof(a));console.log(typeof(b));console.log(typeof(c));console.log(typeof(d));console.log(typeof(f));
</script>在控制台中查询演示结果
这里分别对应这五种变量的属性
数字不同进制表示
进制的格式
let a=015; //八进制以0开头
let b=0xff; //十六进制以0x开头
let c=0b111; //二进制以0b开头但是有些JS的语法是不允许0开头的八进制，这里我们只演示十六进制和二进制
演示代码
<script>let b=0xff;let c=0b111;console.log(b);console.log(c);
</script>演示结果
这里我们显示的值对应了两种进制方式
特殊的数字值
Infinity:表示超出了JS的最大数字范围的正值
-Infinity:表示超出了JS的最大数字范围的负值
NAN:表示当前结果不是一个数字
Number.MAX_VALUE
表示JS的最大数值
演示代码
<script>let a=Number.MAX_VALUE;let b=Number.MIN_VALUE;console.log(a*2);console.log(b*2);console.log("ABCDEF"-10);
</script>演示结果
string字符串类型
直接用字符串赋值就可以定义类型
赋值格式
<script>let a="abcdefg";let b='DSADD';let c=dsadsda;
</script>双引号和单引号都可以赋值，但是不能使用直接赋值
引号存在解决方法
演示代码
// let a="my name is "gch"";let b="my name is \"gch\"";let c="my name is 'gch'";let d='my name is "gch"';console.log(b);console.log(c);console.log(d);其中第一行是错误的，不能直接在引号里面加相同的引号
其中第二行用了\可以将引号转义
第三行和第四行都是使用不同的引号
length
length是string的接口可以用来返回字符串的长度
演示代码
<script>let b="my name is gch";console.log(b.length);
</script>演示结果
字符串拼接
字符串可以和字符拼接也可以和数字拼接
演示代码
<script>let a="Hello,World";let b="!!!";let c=10;console.log(a+b);console.log(b+c);console.log(a+b+c);
</script>演示结果
boolean布尔类型
boolean的true等于1，而false等于0，这里和C++/Java是相同的
演示代码
<script>console.log(true+1);console.log(false+1);
</script>演示结果
undefined未定义字符类型
当变量设置了但是没有定义，那么它的类型就是undefined
演示代码
<script>let a;console.log(a);console.log(a+"!!!");console.log(a+10);
</script>演示结果
这里的a的类型为undefined，如果加上字符串，那么它就是字符串类型，如果加上数字，那么它就是NAN类型
null空值类型
null，就是没有值，但它也可以是一个字符串
演示代码
<script>let a=null;console.log(a+"!!!");console.log(a+1111);
</script>演示结果
这里的null加字符串那么就成了字符串，但是加number，那么就直接赋值
运算符
JS的运算符和JAVA是一样的，JS只有两个特色的运算符
==：会进行隐式类型转换
===：不会进行隐式类型的转换
演示代码
<script>let a=100;let b="100";console.log(a===b);console.log(a==b);
</script>演示结果
和Java相同的语句
if语句，三元表达式，switch，while，continue，break，for