JS 第三课（JS的变量类型和数据类型）

2023-07-16 82

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JS 第三课（JS的变量类型和数据类型）

JS 第三课（JS的变量类型和数据类型）

2 变量的定义与命名

变量的2 变量的定义与命名定义与命名变量的定义与命名

变量的定义和命名

变量是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作提供存放信息的容器。在使用变量前，首先必须了解变量的命名规则，规则同样适用于函数的命名。

①必须是一个有效的变量，即变量以字母开头，中间可以出现数字或下划线如test1、 btn_Start等。变量名称不能有空格、加号(+)、减号(-)、逗号(,)或其他符号。其他（如函数、属性等）需要命名的也与此相似。变量也能以$和下划线符号开头(不推荐这么做，通常用在特定领域)。

②不能使用JavaScript中的关键字作为变量。在JavaScript中定义了40多个关键字，这些关键是在其内部使用的，不能作为变量的名称。如var、int、double、true不能作为变量的名称。

③在对变量命名时，最好注意名字能代表其存储数据的意义，增强可读性，以免出现错误。JavaScript中数据是弱类型的，以节省程序调试与开发的时间。

变量是如何定义和声明的呢?

var i=56;//显式申明，并赋予了它的值，它的类型目前是数值型，值为56。

i=56; //隐式申明， JavaScript会自动用该变量名创建一个全局变量。

JavaScript 可以使用var同时声明多个变量，也可以同时赋值。只声明未对其赋值的变量，则其默认值为undefined。

例如： var x，y=“125”，xy= true，cost=19.5。

JS的第一个Demo 认识变量

 <!-- jS的第一个Demo 认识变量-->
 <script>
     var message = "hello"
     alert(message)
     document.write("<h1><p>" + message + "</p></h1>")
     console.log(message)
     var message = "ness"
     alert(message)
     console.log(message)
     document.write("<h1><p>" + message + "</p></h1>")
 </script>

 <script>
     var a = 234;
     console.log(a);
     var info;
     console.log(info);
     info = "时序十八内容"
     console.log(info)
     var name, age, sex, height;
     name = "张三"
     age = 12;
     sex = "男"
     height = 178;
     console.log(name, age, sex, height)
     var aa = '李四', mm = '女', gg = 12, oo = 189
     console.log(aa, mm, gg, oo)
 </script>

  <!-- jS的第三个Demo 变量名区分大小写-->
  <script>
      // 变量区分大小写
      var nickName = "名称一"
      var Nickname = "名称二"
      // console.log(NickName);
      // console.log(Nickname);
  </script>

JS的第四个Demo 练习题的信息

<script>
    // 1
    // var names="李四",age=12,height=190,weight=78,lik="打游戏";
    // console.log(names,age,height,weight,like)
    // 2
    var name;
    namer = "hello";
    console.log(namer)
    var admin = "hello";
    admin = namer;
    console.log(admin)
    // 3
    var aa;
    var bb = 123;
    var cc = 67;
    // aa=123
    aa = bb;
    console.log("第一次交换aa=" + aa + "-----bb=" + bb)
    //bb=67
    bb = cc;
    console.log("第二次交换bb=" + bb + "-----cc=" + cc)
    //123
    cc = aa;
    console.log("第三次交换aa=" + aa + "-----cc=" + cc)
    console.log("输出的内容")
    console.log(bb)
    console.log(cc)
    // 4
    confirm('开始信息')
    var dd = prompt("请用户输入数字")
    console.log(dd)
    // 5
    var grams = "王者荣耀";
    var music = "世界的美好与你环环相扣";
    var shopping = "coo cook";
    console.log(grams)
    console.log(music)
    console.log(shopping)
    var cls;
    console.log(cls)
</script>

第五部分 js的数据类型的学习

 <script>
     var count = "我们的班级来了新同志"
     console.log(count);
     count = 10;
     console.log(count)
 </script>

第六部分 typeof操作符的类型的使用

 <script>
     var count = "我们的班级来了45新同志"
     console.log(typeof count);
     count = 10;
     console.log(typeof count);
     var flag = true;
     console.log(typeof flag);
     var a1 = undefined;
     console.log(typeof a1);
     var a2 = null;
     console.log(typeof a2);
     var a3 = []
     console.log(typeof a3);
     var a4 = {}
     console.log(typeof a4);
     function aayt() { }
     console.log(typeof aayt)
 </script>

基本的数据的类八大基本数据类型

js常用到的数据类型Number 第一种

<script>
    var num = 1;
    var num1 = 1 * 4;
    var num2 = -Infinity;
    var num3 = 2 * "abcfgh"
    console.log("获得数据类型" + num);
    console.log("获得数据类型" + num1);
    console.log(num2);
    console.log(isNaN(num3));
    // 数据类型转换
    // 十进制
    var nuo = 100;
    // 十六进制
    var nuo2 = 0x100
    //八进制
    var nuo3 = 0o100;
    // 二进制
    var nuo4 = 0b100;
    console.log(nuo, nuo2, nuo3, nuo4)
    // 最大值
    var count = Number.MAX_SAFE_INTEGER
    //最小值
    var count1 = Number.MIN_SAFE_INTEGER
    console.log("最大值" + count + "最小值" + count1)
</script>

js常用到的数据类型String 内单外双内双外单第二种

<script>
    // 方式一
    var str = "shipty";
    // 方式二
    var str1 = "南昌市";
    // 方式三
    var str2 = `我的姓名是:${str1}在那个\r城市${str1},少年游戏\\我的姓\n名是:${str1}在那个城\b市$
{str1},少年游戏\t我的姓名是:${str1}在那个城市${str1},少年游戏`;
    // 字符串的注意事项
    var sdr = "外双内单'内双外单'kk\"泛内容释放\"Let is G";
    console.log(str);
    console.log(str1);
    console.log(str2);
    console.log(sdr);
    console.log(sdr.length);
</script>

js常用到的数据类型Boolean 第三种

 <script>
     var flag = true;
     var flage1 = false;
     var flage3 = 1 <= 2;
     console.log(flag, flage1, flage3)
 </script>

js常用到的数据类型Undefined 第四种

 <script>
     var mfg;
     console.log(mfg)
     // 注意事项
     var info = null;
     if (info) {
         console.log("你好呀
     }
 </script>

js常用到的数据类型 Object类型第五种

  <script>
      var obj = ["", 0, null, ["", 0, null, 123, 456, [], {}], {}]
      console.log(obj)
  </script>

js常用到的数据类型 Null类型第六种

 <script>
     var ok = null;
     console.log(ok)
     var ok1 = undefined;
     console.log(ok1)
 </script>

作业的内容

<script>
   // 第一个作业
   confirm("开始作业的介绍");
   var Name = prompt("请输入用户的姓名哦");
   var Age = prompt("请输入用户的年龄");
   var Sex = prompt("请输入用户的性别");
   console.log(Name, Age, Sex);
   document.write("<h1>" + Name, Age, Sex + "</h1>")
   // 第二个作业
   // 方式一
   var str = "Good Byte";
   // 方式二
   var str1 = "北极市";
   // 方式三
   var str2 = `2022我的姓名是:${str1}在那个\r注册城市${str1},少年游戏\\我的姓\n名是:${str1}在那个
城\b市$
   {str1},少年游戏\t我的姓名是:${str1}在那个城市${str1},少年游戏`;
   // 字符串的注意事项
   var sdr = "外双内单'内双外单'kk\"泛内容释放\"Let is G";
   console.log(str);
   console.log(str1);
   console.log(str2);
   console.log(sdr);
   console.log(sdr.length);
   // 第三个作业
   var aaa = alert(isNaN(NaN))
   var aaa1 = alert(isNaN(12))
   var aaa2 = alert(isNaN(100))
   var aaa3 = alert(isNaN("我是谁"))
   var aaa4 = alert(isNaN("back"))
   console.log(aaa, aaa2, aaa3, aaa4)
   // 第四个作业
   var count = "我们的班级来了45新同志"
   console.log(typeof count);
   count = 10;
   console.log(typeof count);
   var flag = true;
   console.log(typeof flag);
   var a1 = undefined;
   console.log(typeof a1);
   var a2 = null;
   console.log(typeof a2);
   var a3 = []
   console.log(typeof a3);
   var a4 = {}
   console.log(typeof a4);
   function aayt() { }
   console.log(typeof aayt)
/script>