Javascript学习笔记week2

最新推荐文章于 2024-08-14 15:45:18 发布

Lemonade4726

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量80

点赞数

文章标签： javascript 学习笔记

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

版权

变量命名规则（类比C++）

不能用关键字，如if、let、for等
只能用下划线、字母、数字、$组成，且数字不能开头
字母严格区分大小写，Age和age是两个不同变量

<!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 num1$=11

        // let num-var=11

        let sam=1

        let Sam=2

        console.log(sam,Sam);

    </script>

</body>

</html>

命名时遵循小驼峰命名法：第一个单词首字母小写，后面每个单词首字母大写，如userName

输出用户信息练习：让用户分别输入自己的名字，年龄，性别，再输出到网页

<!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 age=prompt('请输入您的年龄')

        let gender=prompt('请输入您的性别')

        document.write(uname,age,gender)

    </script>

</body>

</html>

声明标识符let 和 var 的区别

在较旧版本的JavaScript中，使用关键字var来声明变量，而不是let。Var在现在开发中一般不再使用，只可能在老版的程序中看到他。

Var声明问题：可以先使用再声明（不报错，但是无法使用）

Var 声明过的变量可以重复声明（用let重复声明则会报错）

<!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>

        // var num

        // console.log(num);

        // num = 10

        // num=10

        // console.log(num);

        // var num//不合理

        // var num=10

        // var num=20

        // console.log(num);

        //以上var的使用均不会报错

        // num = 10

        // console.log(num);

        // let num//此处报错

        // let num=10

        // let num=20//此处报错

    </script>

</body>

</html>

数组(Array)

一种将一组数据储存在单个变量名下的优雅方式

Eg.let arr = []

声明语法：let 数组名 = [数据1，数据2.....数据n]

Eg.let name = [‘小王’，’小红’，’小刚’]

数据按顺序保存，每个数据都有自己的编号
计算机中的编号从0开始，所以小王编号为0
在数组中，数据的编号也叫索引或下标
数组可以存储任意类型的数据

取值语法：数组名[下标]

一些术语

元素：数组中保存的每个数据叫元素
下标：数组中数据的编号
长度：数组中数据的个数，通过数组的length属性获得

<!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 arr=[10,20,30]

        let arr=['刘德华','张学友','黎明']//声明数组 有序

        console.log(arr);

        //使用数组 数组名[索引号]

        console.log(arr[0]);

        //3.数组长度 = 索引号+1

        console.log(arr.length);

    </script>

</body>

</html>

常量

概念：使用const声明的变量称为常量

使用场景：当某个变量永远不会改变的时候，就可以使用const来声明，而不是let

命名规范：和变量一致

常量使用：

 const pi=3.14

 console.log(pi);

注意：常量不允许重新赋值，生命的时候必须赋值（初始化）

Tips：不需要重新赋值的数据使用const

<!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.常量 不允许更改值

        // const pi=3.14

        // console.log(pi);

        // pi=3.14

        // console.log(pi); 常量不允许再次赋值

        //2.常量上声明必须赋值

    </script>

</body>

</html>

数据类型

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

基本数据类型

Number 数字型

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

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

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

Lemonade4726

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Javascript学习笔记week2

在较旧版本的JavaScript中，使用关键字var来声明变量，而不是let。：JS是弱数据类型，变量到底属于哪种类型，只有赋值之后，我们才能确认；使用场景：当某个变量永远不会改变的时候，就可以使用const来声明，而不是let。算术运算符:+ 求和，- 求差，* 求积，/ 求商，% 取模（取余数）输出用户信息练习：让用户分别输入自己的名字，年龄，性别，再输出到网页。Eg.let name = [‘小王’，’小红’，’小刚’]Var声明问题：可以先使用再声明（不报错，但是无法使用）命名规范：和变量一致。
复制链接

扫一扫