变量


变量的定义
  • 变量,存储数据的容器
  • 将变量保存是为了可以复用
  • 使用关键字var,与变量名之间有空格,以分号结束
  • 关键字(保留字)为语言私有,你不能用,例如:false、true
  • = 为变量赋值

  • //将变量保存是为了可以复用
    var name = '小红';
    console.log('hello' + name);
    name = '小龙';
    console.log('hello' + name);
    
  • 同名变量产生覆盖
  • var name = '小红';
    var name = '小丽';
    alert(name);
    

变量名
  • 变量名大小写敏感
  • var Name = '小花';
    var name = '小毛';
    alert(Name);
    alert(name);
    
  • 命名规范
  • //可读性高的变量名
    var a_local_variable;      // 使用下划线连接关键词
    var username = '小星';     // 字符串类型使用单引号''
    var _username = '小南';    // 使用下划线命名
    var $total_count;          // 使用$命名
    var password = 123;        // 使用小写字母命名
    var seatNumber = 5;        // 驼峰命名 第二个字母大写
    var isHappy = true;        // 布尔值使用is开头
    
    var items = [1, 2, 3, 4];  // 数组类型的变量名加's'
    
  • 不能使用关键字

  • //变量名使用关键字,错误
    var false;
    var true;
    var boolean;
    var var;
    

JS弱类型语言的特点
  • 变量必须有一个明确的数据类型
  • 变量的类型可变
  • var a = "XiaoLi";
    alert(typeof(a));
    a = 123;
    alert(typeof(a));
    
  • 变量只定义不赋值,就是undefined类型,undefined类型只有一个值undefined,表示未定义 或 只声明未给值 的变量

  • var x;
    alert(x);
    alert(typeof(x));
    
  • 输出一个未定的变量会报错

  • alert(a);
    

案例: 定义5个变量,分别表示章子怡的姓名、身高、年龄、性别、健康状况(是/否 ),运用三种基本的数据类型。

  <p>章子怡的个人信息</p>
  <br>身高:<p id="height"></p>
  <br>姓名:<p id="name"></p>
  <br>年龄:<p id="age"></p>
  <br>性别:<p id="sex"></p>
  <br>健康:<p id="isHealth"></p>

<script type="text/javascript">
        var name = '章子怡';
        var height = 163.5;
        var age = 34;
        var gender = "女";
        var isHealth = true;

        document.getElementById('height').innerHTML = height;
        document.getElementById('name').innerHTML = name;
        document.getElementById('age').innerHTML = age;
        document.getElementById('sex').innerHTML = sex;
        document.getElementById('isHealth').innerHTML = isHealth;
</script>

驼峰命名法:第一个单词首字母小写,后面其他单词首字母大写。

下划线命名法:单词都小写,单词之间用下划线分隔。


小结:
  • 变量 的两种命名方法:驼峰命名法、下划线命名法

  • 变量定义的三种情况:定义已经赋值、定义未赋值(Undefined)、未定义(出错!)

results matching ""

    No results matching ""