JavaScript入门——变量与数据类型基础

最新推荐文章于 2023-07-29 22:45:44 发布

PisecesPeng

最新推荐文章于 2023-07-29 22:45:44 发布

阅读量347

点赞数

分类专栏： JavaScript 文章标签： javascript 变量数据类型

本文链接：https://blog.csdn.net/peng_666666/article/details/54670634

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

基本格式已省略，直接列出代码部分

1.变量类型

<body>

  <script>
    //定义变量
    var x=2;
    var y=3;
    var z=x+y;
    document.write(x);
    document.write(y + "<br>");
    document.write(z + "<br>");
  </script>

  <script>
    //可以用逗号且分行声明(一行也可以)
    //使用单双引号，该值会被作为文本来处理
    var pi=3.14,
    var name="Nice",
    var Name='nice';
  </script>

  <button type="button" onclick="myFun()">click</button>
  <p id="demo"></p>
  <script>
    //先声明再赋值
    var a;  //此时 a 的值为undefined
    a="red";
    var a;  //此时 a 的值依旧是red

    //创建了名为 b 的变量，
    //并向其赋值 "blue"，
    //然后把它放入 id="demo" 的 HTML 段落中
    function myFun()
    {
      var b="blue";
      document.getElementById("demo").innerHTML=b;
    }
  </script>

  <!-- JS的算数 -->
  <p>假设 x=2,计算 y=x+3 的值.</p>
  <button type="button" onclick="MyFun()">click</button>
  <p id="Demo"></p>
  <script>
    function MyFun()
    {
      var x=2;
      var y=x+3;
      var d=document.getElementById("Demo");
      d.innerHTML="y=" + y;
    }
  </script>

</body>

2.数据类型

<body>

    <script>
      //实例

      var a1;  //a1为undefined
      var a2=null;  //a2为null
      /*
      undefined这个值表示变量不含有值
      null为清空，可以通过将变量的值为null来清空变量
      */
      var b1="hello 'world'";
      var b2='hello "world"';
      var c1=1.0;
      var c2=1.1;
      var d1=123e5;  //科学计数法，12300000
      var d2=123e-5;  //0.00123
      var bool1=true;  //布尔
      var bool2=false;
      var Pets1=new Array();  //数组
      Pets1[0]="dog";
      Pets1[1]="cat";
      Pets1[2]="pig";
      //condensed array
      var Pets2=new Array("dog","cat","pig");
      //literal array
      var Pets3=["dog","cat","pig"];
    </script>

    <script>
      //JS对象
      /*
      对象由花括号分隔。在括号内部，
      对象的属性以名称和值对的形式 (name : value) 来定义。
      属性由逗号分隔
      */
      var person={name:"Tom",sex:"man",id:001};
      //回车折行无所谓
      var person={
        name:"Tom";
        sex:"man";
        id:001;
      };
      //对象属性的两种寻址方式
      name = person.name;
      name = person["name"];
    </script>

    <script>
      //声明变量类型
      //JS变量均为对象，当你声明一个变量时，就创建一个新的对象
      var str = new String;
      var num = new Number;
      var boo = new Boolean;
      var arr = new Array;
      var obj = new Object;
    </script>

</body>

PisecesPeng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门——变量与数据类型基础

基本格式已省略，直接列出代码部分1.变量类型<body> <script> //定义变量 var x=2; var y=3; var z=x+y; document.write(x); document.write(y + "<br>"); document.write(z + "<br>"); </script> <script>
复制链接

扫一扫

专栏目录