js基础(变量、数据类型)-CSDN博客

本文链接：https://blog.csdn.net/2301_79568779/article/details/137941652

一、基础

1.js是一门编程语言，可以实现很多的网页交互效果。

2.js书写位置

内部js，直接写在html文件里，用<script>标签包住，写在</body>标签上方；

外部js，写在以.js结尾的文件里，通过script 标签，引入到html页面中，<script>标签不要写内容，会被忽略

内联js，写在标签内部

<body>
    // 内联
    <button onclick="alert('hi~')">按钮</button>
    // 内部
    <script>
        alert('hello')
    </script>
    // 外部
    <script src="./1.js"></script>
</body>

3.js的结束:分号

4.js的输入输出语句

prompt();

document.write();

alert()

console.log();

5.注释

单行// ctri+/

多行注释/**/ shift+alt+a

6.js代码执行顺序

按照html文档顺序执行js代码，alert()和prompt()会跳过页面先被执行

7.字面量

在计算机科学中，字面量是在计算机中描述的事/物

数字字面量，字符串字面量，组数字面量，对象字面量等

二、变量

1.变量是用来存储数据的容器。

2.变量的声明（声明，定义）let 变量；变量的赋值（赋值运算符=）

声明变量的时候直接赋值，叫做变量的初始化。

    <script>
        let age = 18;
        age = 19;
        let uname = 'zs', sex = '女';
        console.log(uname, sex);
    </script>

let 不允许多次声明一个变量。不建议同时声明多个变量。

3.变量的本质：是程序在内存中申请的一块用来存放数据的小空间

4.变量的命名规则与规范

规则：

不能用关键字；

只能用下划线，字母，数字，$组成，且数字不能开头；

字母严格区分大小写

规范：

起名要有意义；

遵循小驼峰命名法

5.let和var的区别

var可以先使用再声明

var声明过的变量可以重复声明

var变量提升，全局变量，没有块级作用域

    <script>
        // 弹出姓名
        let name = prompt('请输入姓名');
        document.write(name);
        // 2.交换变量
        let num1 = 10;
        let num2 = 20;
        let num3 = num1;
        num1 = num2;
        num2 = num3;
        console.log(num1, num2);
        // 输出用户信息
        let uname = prompt('姓名');
        let age = prompt('年龄');
        let sex = prompt('性别');
        document.write(uname);
        document.write(age);
        document.write(sex);
        //var和let,var先打印不报错
        console.log(num);
        var num;
        num = 10;
    </script>

6.数组

声明语法let 变量名=[数据1，数据2，数据3，...]

使用数组数组名[索引号]，索引号从0 开始

数组里可以存储任意类型的值，可以保存多个数据

元素：数组中保存的每个数据都叫数组元素

下标：数组中数据的编号

长度：数组中数据的个数，通过数组的length属性获得

数组字面量用[]中括号表示

    <script>
        // 定义星期
        let arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
        console.log(arr[0]);
        console.log(arr.length);
        console.log(arr[arr.length - 1]);
    </script>