js变量的使用

 

1、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>04-js的变量的使用</title>
    <script>
      var name='小明';
      var age=18;
      var address='在我心向往的地方！';
      var email='feixingwangzhe@123.com';
      var hobby='grow up';
      console.log(name);
      console.log(address);
      console.log(age);
      console.log(email);
      console.log(hobby);


    </script>
</head>
<body>
  
</body>
</html>

运行结果：

 2、案例：变量的使用

要求：（1）弹出一个输入框，提示用户输入姓名

          （2）弹出一个对话框，显示刚才输出的姓名

<script>
      var name =prompt('请输入你的姓名：');
      alert(name);
    </script>

结果展示：

 

 

 

 是不是很容易实现！

3、更新变量：

<script>
       var name ='飞花';
       console.log(name);
       name='花落';
       console.log(name);
     </script>

运行结果：

 

4、申明多个变量：

<script>
      // var name='小明';
      // var age=18;
      // var address='在我心向往的地方！';
      // var email='feixingwangzhe@123.com';
      var name='小明'
      ,age=18,address='在我心向往的地方！'
      ,email='feixingwangzhe@123.com';
     </script>

 

 5、使用变量出现的特殊情况：

1、只是定义变量并未进行赋值：

<script>
       //使用变量几种特殊情况
      //  1、只是申明变量，不赋值。运行结果是undefined;
      var sex;
      console.log(sex);

     </script>

 

 

2、使用未赋值和未定义的变量:

<script>
      //  //使用变量几种特殊情况
      // //  1、只是申明变量，不赋值。运行结果是undefined;
      // var sex;
      // console.log(sex);
      // 2、变量即未定义也未使用,会出现错误
      console.log(tell);

      
      
      

     </script>

 

3、使用未定义但是进行赋值的变量：

<script>
      //  //使用变量几种特殊情况
      // //  1、只是申明变量，不赋值。运行结果是undefined;
      // var sex;
      // console.log(sex);
      // 2、变量即未定义也未使用,会出现错误
      // console.log(tell);
      //使用未定义但是进行赋值的变量
      qq=100;
      console.log(qq);
     </script>

 

虽然未定义变量仍然可以使用，但是不提倡！一般还是进行定义了变量在进行使用！

 

 

posted @ 2022-02-16 15:23  starter123  阅读(169)  评论(0)    收藏  举报