JavaScript学习笔记week3

最新推荐文章于 2024-09-16 08:47:17 发布

Lemonade4726

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量65

点赞数

文章标签： javascript 学习笔记

本文链接：https://blog.csdn.net/m0_73720790/article/details/130675609

版权

数据类型

JS数据类型整体分为两大类：基本数据类型引用数据类型

基本数据类型

Number 数字型

即数学中学习到的数字，可以是整数、小数、正数、负数

Tips：JS是弱数据类型，变量到底属于哪种类型，只有赋值之后，我们才能确认；java是强数据类型，例如int a = 3 必须是整数

算术运算符:+ 求和，- 求差，* 求积，/ 求商，% 取模（取余数）

NaN not a number

NaN代表一个计算错误，他是一个不正确的或者一个未定义的数学操作所得到的结果、

NaN是粘性的，任何对NaN的操作都会返回NaN

练习：输入圆的半径，网页打印圆的面积

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <script>

        //1.页面弹出输入框

       let r =prompt('请输入圆的半径:')

       

        //2.计算圆面积

        let re = 3.14*r*r

        //3.页面输出

        document.write(re)

    </script>

</body>

</html>

String 字符串型

通过单引号，双引号或者反引号包裹的数据都叫字符串。

单引号和双引号没有本质上的区别，但推荐使用单引号

Tips：

无论单引号或是双引号必须成对使用
单引号/双引号可以互相嵌套，但是不以自己嵌套自己（外单内双，或者外双内单）
必要时可以使用转义符\，输出单引号或是双引号

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <script>

        let str='pink'//使用单引号

        let str1="pink"//使用双引号

        let str2=`中文`//使用反引号

        let str3=''//这种情况叫空字符串

        console.log(str2);

        console.log(11);//数字类型

        console.log(`11`);//字符串类型

        console.log(str);//变量

        console.log('str');//字符串类型

        console.log('pink老师讲课非常"激情 "');

        console.log("pink老师讲课非常'激情'");

        console.log('pink老师讲课非常\'激情\'');

    </script>

</body>

</html>

字符串拼接：+ 运算符，可以实现字符串的拼接

口诀：数字相加，字符相连

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <script>

        // let str='pink'//使用单引号

        // let str1="pink"//使用双引号

        // let str2=`中文`//使用反引号

        // let str3=''//这种情况叫空字符串

        // console.log(str2);

        // console.log(11);//数字类型

        // console.log(`11`);//字符串类型

        // console.log(str);//变量

        // console.log('str');//字符串类型

        // console.log('pink老师讲课非常"激情 "');

        // console.log("pink老师讲课非常'激情'");

        // console.log('pink老师讲课非常\'激情\'');



        //字符串拼接

        // console.log(1+1);

        // console.log('Pink老师'+'666');



        // document.write('我叫'+'刘德华')

        // let uname='刘德华'

        // let song='忘情水'

        // document.write(uname+song)



        let age=22

       // document.write('我今年'+19)

       document.write('我今年'+age+'岁了')

    </script>

</body>

</html>

模板字符串：拼接字符串和变量

在没有它之前，要拼接变量比较麻烦

语法： ``(反引号) 内容拼接变量时，用${}包住变量

案例：页面弹出对话框，输入年龄和名字，页面显示：大家好，我叫xx，今年xx岁了

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <script>

        let uname=prompt('请输入用户名：')

        let uage=prompt('请输入年龄：')

        document.write(`大家好，我叫${uname},今年${uage}岁了`)

    </script>

</body>

</html>