JavaScript 学习总结（三种方式、注释、输入输出、变量）

Qinqin.J

已于 2023-09-13 17:31:58 修改

阅读量197

点赞数

文章标签： javascript 学习开发语言

于 2023-02-28 12:18:03 首次发布

本文链接：https://blog.csdn.net/2202_75688394/article/details/129238344

版权

三种方式、注释、输入输出、变量

一、三种方式

1、行内式


<body>
        <!-- 1.行内式的js 直接写到元素的内部 -->
        <input type="button" value="唐伯虎" onclick="alert('秋香姐')"/>
    </body>

2、内嵌式

在<head></head>里写


        <!-- 2.内嵌式的js -->
        <script>
            alert('沙漠骆驼');
        </script>

3、外链式

在<head></head>里写，进行连接


        <!-- 3.外部js script 双标签 -->
                <script src="my%20.js"></script>

将JavaScript代码写到另一页中


// 单独的JavaScript代码
alert('我想出去玩，今天天气好吗？')

二、注释方式

//：双斜线，表示注释一行内容，备注不能换行（ctrl + /）


//1.单行注释

/ * 备注内容 * /：表示注释一段内容，可以对注释内容进行换行

（默认的快捷键 shift + alt +a 或者 vscode 中修改多行注释的快捷键： ctrl + shift + / ）


        /*  2.多行注释 
            2.多行注释   
             */

三、输入输出

prompt（）：运行结果是输入框

alert（）：运行结果是弹出警告框，输出的

console.log（）：运行结果是控制台打印输出信息


        <script>
            // 这是一个输入框
            prompt('请输入您的年龄');
            // alert 弹出警示框  输出的 展示给用户的
            alert('计算结果是')
            // console 控制台输出 给程序员测试用的
            consonle.log('我是程序员能看到的');
        </script>

四、变量

变量是用于存储某种/某些数值的存储器。

1、变量的命名规则

（1）必须以字母、下划线或者美元符号开头，后面可以跟字母、下划线、美元符号和数字。

正确命名，如下：

* . mySum

* . _myClar

* . $num

错误命名，如下：

* . 6num //开头不能用数字

* . %sum //开头不能用除（ _ ， $ ) 外特殊符号，如（ % ，+ ，/ ）等

* . sum+num //开头中间不能使用除（ _ ，$ ）外特殊符号，如（ % ，+ ，/ ）等

（2）变量名区分大小写，如：A与a是两个不同变量。

（3）不允许使用JavaScript关键字和保留字做变量名。

（4）遵守驼峰命名，首字母小写，后面的单词首字母需要大写。如：myFirstName

（5）变量名必须有意义，避免随意简写

2、声明变量

声明变量的语法：var 变量名；


            // 1. 声明了一个age 的变量
            var age;

也可以多个变量，变量之间用逗号“ ， ” 隔开


            var age,age2;

3、赋值


            // 3. 赋值 把值存入这个变量中
            age = 18;

4、变量的初始变化


            // 4.变量的初始变化
            var myname = '老师';
            console.log(myname);    // 输出

5、变量的使用


            // 1.用户输入姓名   存储到一个 myname的变量里面
            var myname = prompt('请输入你的名字');   //;表示结束代码
            // 2.输出这个用户
            alert(myname);

6、变量的语法扩展

更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。


            // 1.更新变量
            var age = 11;
            age = 2;    // 最后的值结果就是2,因为11被覆盖了

声明多个变量

同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开


            // 2.声明多个变量
            var age = 18,
               address = '北京',
               gz = 1000;

声明变量特殊情况

（1）只声明不赋值,结果是undefined 未定义的


            // (1) 只声明不赋值,结果是undefined  未定义的
            var sex;
            console.log(sex);  // 结果是 undefined

（2）不声明,不赋值,直接使用某个变量会报错


            // (2) 不声明,不赋值,直接使用某个变量会报错
            console.log(tei);

(3) 不声明直接赋值使用


            (3) 不声明直接赋值使用
            ww = 100;
            console.log(ww);  // 结果是100

7、交换两个变量的值


/*             js是编程语言有很强的逻辑性在里面：实现这个要求的思路  先怎么做后怎么做
            1.我们需要一个临时变量帮我们
            2.把apple1 给我们的临时变量 temp
            3.把apple2 里面的苹果给 apple1
            4.把临时变量里面的值 给apple2           */
            var temp;  // 声明了一个临时变量为空
            var apple1 = '青苹果';
            var apple2 = '红苹果';
            temp = apple1;  // 把右边给左边
            apple1 = apple2;  
            apple2 temp;
            console.log(apple1);
            console.log(apple2);  // console 控制台输出 给程序员测试用的


            // 可以输出的
            var apple1 = '青苹果';
                    var apple2 = '红苹果';
                    var temp = ' ';
                    temp = apple1;
                    apple1 = apple2;
                    apple2 = temp;
                    alert(apple1 + apple2 + temp);