变量

变量

  1. 变量


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

  2. 变量的使用


    声明变量

     var 变量名;


    赋值

            <!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8" />
                <title>JS的书写位置</title>
                <!--内嵌式的JS-->
                <script >
                // 声明了一个变量名
                var age;
                // 赋值 把值存入变量中
                age=18;
                // 输出结果
                console.log(age);
                </script>
            </head>
            <body>
    
            </body>
        </html>
    
    
  3. 变量的初始化


    var age=18;//声明变量的同时赋值为18

  4. 例题

         <!DOCTYPE html>
         <html>
             <head>
                 <meta charset="utf-8">
                 <title>变量的使用</title>
                 <script >
                     var sname='旗木卡卡西';
                     var age=30;
                     var email='kakaxi@itcast.cn';
                     var adress='火影村';
                     var wage=2000;
                     console.log(sname);
                     console.log(age);
                     console.log(email);
                     console.log(adress);
                     console.log(wage);
                 </script>
             </head>
             <body>
             </body>
         </html>
    
    
         <!DOCTYPE html>
         <html>
             <head>
                 <meta charset="utf-8">
                 <title>变量的使用</title>
                 <script type="text/javascript">
                     
                     var sname=prompt('请输入姓名');
                     alert(sname);
                 </script>
             </head>
             <body>
             </body>
         </html>
    
    
  5. 变量的语法扩展


    更新变量:一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为标准

  6. 变量命名规范


    由字母、数字、下划线、美元符号$组成


    严格区分大小写


    不能以数字开头

    变量名要有意义

    遵循驼峰命名法

  7. 例题

            <!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8">
                <title>交换变量的值</title>
                <script type="text/javascript">
                    var apple1='青苹果';
                    var apple2='红苹果';
                    var tem;
                    tem=apple2;
                    apple2=apple1;
                    apple1=tem;
                    console.log(apple1);
                    console.log(apple2);
                </script>
            </head>
            <body>
            </body>
        </html>
    
    
posted @ 2020-11-10 10:40  别来无恙!  阅读(115)  评论(0)    收藏  举报