zoukankan      html  css  js  c++  java
  • web前端之JavaScript的变量和数据类型

    JavaScript 变量

    与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

    变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

    1. 变量必须以字母开头
    2. 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
    3. 变量名称对大小写敏感(y 和 Y 是不同的变量)

    提示:JavaScript 语句和 JavaScript 变量都对大小写敏感

    程序演示:

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title></title>
     6     </head>
     7     <body>
     8         <script type="text/javascript">
     9             var x=2;
    10             var y=3;
    11             var z=x+y;
    12             document.write(x+"<br />")
    13             document.write(y+"<br />")
    14             document.write(z+"<br />")
    15         </script>
    16     </body>
    17 </html>

     

    JavaScript 数据类型

    JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。

    在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。

    JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。

    当您向变量分配文本值时,应该用双引号或单引号包围这个值。

    当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title></title>
     6     </head>
     7     <body>
     8         <script type="text/javascript">
     9             var x=2;
    10             var y=3;
    11             var z=x+y;
    12             var name="张涛";
    13             var sex='';
    14             document.write(x+"<br />");
    15             document.write(y+"<br />");
    16             document.write(z+"<br />");
    17             document.write(name+"<br />");
    18             document.write(sex);
    19         </script>
    20     </body>
    21 </html>

    注意:在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。

    字符串、数字、布尔、数组、对象、Null、Undefined

    数组代码演示:

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title></title>
     6     </head>
     7     <body>
     8         <script type="text/javascript">
     9             var i;
    10             var cars=new Array();
    11             cars[0]="audi";
    12             cars[1]="wmw";
    13             cars[2]="volor";
    14             for (i=0;i<cars.length;i++) {
    15                 document.write(cars[i]+"<br />")
    16             }
    17         </script>
    18     </body>
    19 </html>

    还有其他数组的赋值方式,可参考java语言中的数组赋值。

    JavaScript 对象

    对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title></title>
     6     </head>
     7     <body>
     8         <p>这是一个对象</p>
     9         <script type="text/javascript">
    10             var person={
    11                  firstname:"kobe",
    12                  lastname:"bryant",
    13                  team:"Lakes" 
    14             };
    15             
    16             document.write(person.firstname+"<br />");
    17             document.write(person["lastname"]);
    18         </script>
    19     </body>
    20 </html>

    Undefined 和 Null

    Undefined 这个值表示变量不含有值。

    可以通过将变量的值设置为 null 来清空变量。

    声明变量类型

    当您声明新变量时,可以使用关键词 "new" 来声明其类型:

    var carname=new String;
    var x=      new Number;
    var y=      new Boolean;
    var cars=   new Array;
    var person= new Object;
  • 相关阅读:
    Atitit 图像处理30大经典算法attilax总结
    Atitit 图像清晰度 模糊度 检测 识别 评价算法 源码实现attilax总结
    Atitit  rgb yuv  hsv HSL 模式和 HSV(HSB) 图像色彩空间的区别
    Atitit  从 RGB 到 HSL 或 HSV 的转换
    Atitit 图像清晰度 模糊度 检测 识别 评价算法 原理
    Atitit 修改密码的功能流程设计 attilax总结
    atitit 点播系统 概览 v2 qb1.docx
    Atitit dsl exer v3 qb3 新特性
    atitit.TokenService v3 qb1  token服务模块的设计 新特性.docx
    Atitit 异常机制与异常处理的原理与概论
  • 原文地址:https://www.cnblogs.com/ztyy04126/p/4915857.html
Copyright © 2011-2022 走看看