JS的笔记

JS的三种引入方式
行内的JS
页面内嵌的JS:位置在body中
<script></script>
外联：<script src=></script>

对话框：
<script>
//警示框
alert("输入的内容")
//输入框
prompt("请输入姓名")
//控制台打印
console.log("111")
//页面打印
document.write("输入内容")
</script>

关键字：
<script>
    //单行注释
    /**
     *多
     * 行
     * 注释
     *
     * 
     */
   </script>

<script>
    //变量：程序运行时存储数据的容器
    prompt("请输入密码")
    //声明变量
    //var 变量名 现在不用了
    let 变量名
   </script>

存储数据：两种方式例子
1<script>
    let hei
    hei = prompt("请输入密码")
    alert(hei)
   </script>
2<script>
    let hei = prompt("请输入密码")
    alert(hei)
   </script>

数据输入和收集打印例子
let usename =prompt("请输入姓名")
let pwd =prompt("请输入密码")
document.write(`用户名是：${usename},密码是：${pwd}`)

变量名的命名规范：
只能由有效符号构成（大小写的字母，数字，下划线，）
不能以数字开头
不能使用关键字和保留字
变量名最好有意义
尽量使用小驼峰命名法，下划线分割法也许
类的名称采用大驼峰命名法

const后是常量，无法更改。

数据类型
内置的基本的类型：
1数字类型 int float（浮点型）
let a = 123
数据的类型
console.log(typeof(a))
字符串类型 string 被单引号或双引号括起来的字符序列
let str = ”dacongming“
注：变量本身不存在数据类型，变量值的数据类型是什么，变量的数据类型就是什么。

模板字符串
let username = prompt（请输入用户名）
let str = `<h1>我是模板字符串</h1>`
document.write(`<input type="text">
<h1>用户名是：${username}</h1>`)

数据类型转换：
 //显示转换
    //一，转换为数字类型
    let pwd = prompt("请输入密码")
    //1，Number
  document.write(typeof(Number(pwd)))
     //2,parseInt()/parseFloat() parseInt尽可能的将数据转换成整型
document.write(parseInt("300px"))
parseFloat将数据转换成浮点型
Document.write(parseFloat("3.122332"))
     //3+
    console.log(typeof(+undefined))
     //4，tofixed()去小数点后两位
   let num = 3.1415926
   console.log(num.toFixed)

算数运算符：
 <script>
    console.log(2+4)
    console.log(2-4)
    console.log(2*4)
    console.log(4/2)
    //求余
    console.log(5%2)
    //求幂
    console.log(2**4)
   </script>

比较运算符：
console.log(4>2)
    console.log(4<2)
    //=：赋值运算符，
    console.log(4==2)
    console.log(4>=2)
    console.log(4<=2)
    console.log(4!=2)
 // ==:存在隐式转换
    console.log("2"==2)

赋值运算符
 let a = 12
  console.log(a)
    a += 12
    console.log(a)
    a -=2
    console.log(a)
    a *=2
    console.log(a)
    a /=2
    console.log(a)

自增自减
let a = 12
    //赋值运算符的优先级大于后加加，因此先进行赋值，在进行自增
    //赋值运算符的优先级小于前加加，因此先进行自增，在进行赋值
    let b = a++/++a
    console.log(b)
    //答案等于12/13
    let c = a--/--a
    console.log(c)
    //答案等于12/11

逻辑运算符
&&两真则真，一假则假
console.log(2<3 && 3<2)
||一真则真，两假才假
 console.log(2<3 || 3<2)
！就是假
 console.log(!(2<3))

单分支
例子
<script>
    //单分支
    /**
     * if（条件）{
     * 条件成立是执行的代码
     * }
     */
    let age = +prompt("请输入您的年龄")
    if (age >= 18){
console.log("成年了")}
</script>

例子
<script>
let name= prompt("请输入您的用户名：")
let pwd= prompt("请输入您的密码：")
if (name=="admin" && pwd=="123456"){
    console.log("登录成功!!")
}

双分支：
<script>
    /**
     * if（条件）{
     * 条件成立时的代码
     * }else{
     * 条件不成立时执行的代码
     * }
     */
</script>
例子
<script>
let age = +prompt("请输入年份：")
if(age%4==0&&age%100!=0 || age%400==0){
    console.log("是闰年")
}else{
    console.log("是平年")
}
</script>

三元运算符：
//条件？条件成立时的代码：条件不成立时的代码
例子（数字补零）
let shuzi = prompt("请输入一个数字")
    shuzi = shuzi < 10 ? 0 + shuzi : shuzi
    alert(shuzi)