JavaScript基础语法1-变量-优快云博客

本文链接：https://blog.youkuaiyun.com/BUG_devil/article/details/121527897

本文介绍了JavaScript的三种书写方式，包括行内式、内嵌式和外部引用。同时，讲解了JS中的注释类型，如单行和多行注释。接着，详细阐述了JS的输入输出语句，如`alert()`和`console.log()`，以及`prompt()`用于用户输入。在变量部分，讨论了变量的声明、赋值、初始化以及特殊声明情况，并给出了变量命名规范的建议。最后，通过一个实例展示了如何交换两个变量的值，强调了JS编程的逻辑性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

02 js的三种书写方式

<!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>
    <!-- 2. 内嵌式的js -->
    <script>
        // alert('沙漠骆驼');
    </script>
    <!-- 3. 外部js script 双标签 -->
    <script src="my.js"></script>
</head>
<body>
    <!-- 1.行内式的js  直接写到元素的内部 -->
    <!-- <input type="button" value="点击一下" onclick="alert('点击弹出框')"> -->
</body>
</html>

03 JS注释

// 1.单行注释 Ctrl + /

    /* 2.多行注释默认的快捷键 shift + alt + a

       2.多行注释 vscode 中修改多行注释的快捷键 ctrl + shift + /

    */

04 JS输入输出语句

1. alret(msg)  浏览器弹出警示框

     2.console.log(msg) 浏览器控制台打印输出信息

                // console：控制台 log: 日志  控制台输出给程序员测试用的

     3.prompt(msg) 浏览器弹出输入框，用户可以输入

05 变量

1.变量概述

        变量：用于存放数据的容器。

              我们可以通过变量名获取数据，甚至数据可以修改。

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

        2.变量的使用

            1）声明变量  // var age;

            2）赋值     // age =10;

        3.变量的初始化

          含义：声明一个变量并赋值，我们称之为变量的初始化

               // var myname = '王大锤';

变量的注意点：

         // 3.声明变量的特殊情况

        // 3.1 只声明不赋值，结果是？？程序也不知道里面存的是什么，所以结果是undefined

        var sex;

        console.log(sex); //undefined

        // 3.2 不声明不赋值直接使用某个变量会报错

        console.log(tel);

        // 3.3 不声明直接赋值使用  会全局定义，不提倡用

        qq = 123;

        console.log(qq);

变量的命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
严格区分大小写。var app; 和 var App; 是两个变量
不能以数字开头。 18age 是错误的
不能是关键字、保留字。例如：var、for、while
变量名必须有意义。 MMD BBD nl → age
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myFirstName
推荐翻译网站：有道爱词霸

变量举例（交换两个变量值）

<!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>
    // js 是编程语言具有很强的逻辑性：实现这个药的的思路，先怎么做后怎么做
    // 1. 我们需要一个临时变量帮助我们
    // 2. 把apple1 给我们的 临时变量temp
    // 3. 把apple2 里面苹果 给apple1
    // 4. 把临时变量里面的值 给apple2
    <script>
        var temp; // 声明了一个变量
        var apple1 = "红苹果";
        var apple2 = "青苹果";
        temp = apple1;  // 把右边给左边
        apple1 = apple2;
         apple2 =temp; 
         console.log(apple1);
         console.log(apple2);
    </script>
</body>
</html>