JS初学第一天

JavaScript

简称JS ，是一种编程语言。JS的组成包括三部分：ECMAScript（JS语法），DOM（页面文档对象模型），BOM（浏览器对象模型）。

JS输入框

alert：页面提示框。
语法：alert(“你好，世界”)
confirm：页面选择框。
var 变量名=compirm(“单击“确定”继续。单击“取消”终止”);
if(变量名){
window.alert(“你好，世界”)
}
else{
window.alert((“再见”)
}
prompt：页面输入框。
var 变量名 = prompt(“请输入数字”)
switch(变量名){
case"1":
alert(“这是1”)
break;
case"2":
alert(“这是2”)
break;
default:
alert(“我不知道这是几”)
break;
}

变量的类型与使用

变量的语法
var 变量名= 18 ；（创建变量的同时进行赋值）；
变量的更新
一个变量被重新赋值以后，他的值将发生改变，变量以最后一次赋的值给准。
例：
var age =20;
age= 81
此时的age（变量）的值是81
同时声明多个语法
同时声明多个变量时，只需使用一个var,但是多个变量之间需要用逗号进行隔开。
例：
var age = 10,name=“haha”,sex=2;

数据类型

简单数据类型
Number 数字型 包含整数值和浮点型值，如21 0.21 默认值为0
Boolean 布尔型 如true false 默认值为0
String 字符串型 如“李黑” 字符串都是带“” 默认值为“”
Undefined var a；声明变量不赋值，此时a = Undefined 默认值为undefined
Null var a =null 声明a是一个空值 默认值为null
数字型

字符串型
var a = “你好世界”；
var b = ‘你好世界’；
变量a和变量b的命名都是可以运行的，但是由于html中使用的是双引号，在JS的编程中尽量使用‘’。‘
字符串转义符
\n：换行
\ ：斜杠
’ : 单引号‘
": 双引号“
\t: tab缩进
\b: 空格
例子：

alert
        ("酷热难耐，火辣的太阳底下，我挺拔的身姿，成为了最为独特的风景。\n我审视四周，这里，是我的舞台，我就是天地间的王者。\n这一刻，我豪气冲天，终于大喊一声：\"收破烂啦～\"");   

字符串的长度
通过字符串的length属性可以获取整个字符串的长度。
var a = “你好，世界”；
alert（t.length）；//显示为5
字符串拼接
alert（‘你好’+‘’+‘世界’） //你好 世界
alert （‘你好’+‘世界’）// 你好世界
alert （‘我的年龄’+18）//我的年龄18
alert （‘我的年龄’+‘18’）//我的年龄18
alert （‘12’+‘18’） //1218
alert （12+18） //30
字符串+字符串=一个新字符串
字符串+数字 = 一个新字符串
数字+数字=数值相加的新数值
字符串拼接加强
var age = 18；
console.log(‘我的年龄是age岁’);//错误书写
console.log(‘我的年龄是’+age+‘岁’)；//我的年龄是18岁
年龄输入案例：

var  a = prompt('请输入你的年龄');
        switch(a){
            case'18':
            alert('我的年龄是'+a+'岁');
            break;
            default:
            alert('年龄输入错误，无法识别')
            break;
        }

布尔型 Booleam
Booleam 有两个值 一个是true 一个是false true的值是1，false的值是0；
console.log(true+1);// 2
console.log(false+1);// 1
Undefined和Null
Undefined：如果一个变量定义的时候没有赋值，这个变量的值就为undefined。
例：
var a;
console.log(‘你好’+a)；//undefined你好
console.log(11+a); //NaN
console.log(true+a); //NaN
Null:在给一个变量赋值的时候，如果赋值的数值为null 则这个变量的值给空。
例：
var a =null;
console.log(‘你好’+a); //你好null
console.log(1+a);//1
console.log(true+a);//1

数据类型转化

把一种数据类型的变量转换为另外一种数据类型。
转化为字符串
toString（） 转化为字符串
var num =1；alert（num.toString()）;
String（） 强制转化为字符串
var num =1； alert（String（num)）；
加号拼接字符串
var num =1 ；alert（num+‘我是字符串’）;
toString（）与String（）转化方式不一样。一个是正常转化。一个是强制转化。
转化为数字型
parseInt(string) 将String类型转化为数值型
例：
var a = prompt（'请输入一个数值’）；
console.log(a);// 输入的值为String型
console.log( parseInt(a));//此时的输入值给数字型
parseFloat（string）将String类型转化为浮点数值型
用法与上面用法相同，只不过是上面输入的a是整数，这里输入的a是小数，例如，上面的是a是84 ，这里的a就是84.12
js隐式转换（- * /）利用算术运算隐式转换为数值型
例：
console.log(‘12’ -1); //11
console.log('12’-‘1’);//11
console.log(‘12’*1);//12
注意：只能使用减法，除法，乘法。
案例：
计算年龄：

 var a = prompt("请输入你的出生年份")
        var b = 2021-a;
        alert('你的年龄为'+b+'岁');

简单的加法器：

var a = prompt('请输入一个数字')
        var b = prompt('再输入一个数字')
        var c = parseInt(a) + parseInt(b)
        alert('您两次输入的数字之和是'+c)
`

转化为布尔型
Boolean() 将其他类型转化为布尔型
Boolean(‘true’)