JavaScript学习(一)

输出语法

  1. document.write():向body中输出内容,如果输出内容写的是标签,也会被解析成网页元素。
  2. alert():页面弹出警告对话框。
  3. console.log():控制台输出语法,程序员调试使用。

输入语法

  1. prompt():显示一个对话框,对话框中包含一条文字信息,用来提醒用户输入文字。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        document.write("我愿意")
        document.write("

我愿意

"
) alert("警告") console.log("我是用来测试的") prompt("请输入:") </script> </body> </html>

变量

变量是计算机中用来存储数据的容器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        let age = 18,name = "小苹苹"
        age = 19
        console.log(age,name)
    </script>
</body>
</html>

用户输入姓名案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <script>
    let name = prompt("请输入姓名:")
    document.write("刚刚输入的是:" + name)
  </script>
</body>
</html>

变量交换案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        let num1 = 10
        let num2 = 20
        let temp = num1
        num1 = num2
        num2 = temp
        console.log(num1,num2)
    </script>
</body>
</html>

JS是弱数据类型,当变量赋值后,才确定变量属于哪种类型

模板字符串,用反引号来标明,内容拼接时用${}包住变量,可以换行

只声明变量,不赋值的情况下,变量的默认值为undefined

  • undefined:表示没有赋值
  • null:表示赋值了,但是内容为空

通过typeof检测数据类型

使用表单、prompt获取过来的数据默认是字符串类型

隐式转换
某些运算符被执行时,系统内部自动将数据类型进行转换。

  • +号两边只要有一个是字符串,会把另一个也转换成字符串。
  • 除了+以外的运算符,如 - * /都会把数据转成数字类型

显式转换

  • Number():只能放数字类型的字符,不能放类似于abc这样的,否则返回NaN(Not a Number)
  • parseFloat:经常用于过滤单位
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <script>
      let num = '10'
      console.log(num)
      console.log(Number(num))
      console.log(parseInt(num))
      console.log(parseFloat('10.999'))
  </script>
</body>
</html>

你可能感兴趣的:(JavaScript学习,javascript,学习,前端)