找回密码
 立即注册

QQ登录

只需一步,快速开始

微信葡京娱乐网址号开发资源

关注:848

所属分类: 微信开发 微信葡京娱乐网址号开发资源

本版块为微信葡京娱乐网址号开发教程与葡京娱乐网址号开发相关技术分享板块,技术提问请到其他对应的问答板块发帖:)

[html5开发博客] js变量与常量及数据类型

[复制链接]
查看: 6653|回复: 6
最佳答案
0 

102

主题

112

帖子

4090

积分

S1

积分
4090
一.变量:
     什么是变量:内存中存储一个数据的空间,再给起一个名字
     何时使用:程序中,每个数据都要先存在变量中,再使用变量执行计算
     为什么使用变量:变量可以让程序更灵活
     如何使用:声明、赋值、取值
      1. 声明:在内存中创建一个新变量,并起名字
          var 变量名; //默认值都是undefined
         变量命名要求:
              1.见文知义
              2.驼峰命名:第一个单词首字母小写,之后每个单词首字母都大写
         规定:字母,数字,下划线组成
           注意:不能以数字开头、不能使用保留字
           保留字:ES标准中已经使用的,有特殊意义的词
           强烈建议:所有变量在使用前,必须声明
           var name1
           Var name2;
     2. 赋值:将等号右侧的值,保存到等号左侧的变量中,变量名=; 对变量赋值,相当于用新值替换旧值
         强调:1.任何运算都无法修改变量中的值
               2.只有赋值=,才能修改变量中的值
         var name1;
         var name2;  
         name1=value1;
         name2=value2;
          强烈建议:在声明同时就初始化变量的值
                  var 变量名=; //初始化:首次给变量赋值
          var name=value;
      3. 取值:编写程序时:使用变量名参与运算
              执行程序时:使用变量名的地方,自动取出变量中的值代替
       
            特殊情况:1. 仅声明,未赋值,可以使用
                   2. 未声明的变量,试图取值,报错:
                       ReferenceError: XXX 未定义
                   3. 未声明,直接赋值,自动创建同名变量,但是,强烈建议所有变量都要用var声明
           声明提前:在正式执行脚本之前,将所有var声明的变量,提前预读到(当前作用域的)顶部,集中声明创建。然后再开始执行程序。赋值留在本地。
  1. <!DOCTYPE html>
  2. <head>
  3.   <title> 变量 </title>
  4.   <meta charset="utf-8" />
  5.   <script>
  6.           var hanbao;
  7.   var kele;
  8.   hanbao="香辣鸡丝";
  9.   kale="零度可乐";
  10.   document.write("豪华套餐:");
  11.   document.write(hanbao);
  12.           document.write(kale);

  13. </script>
  14. </head>
  15. <body>
  16. </body>
  17. </html>
复制葡京赌场网站

其页面显示为:
                   图片1.png
二. 常量:一旦创建并初始化后,值不可改变的量
    何时使用:保存程序中一成不变的值
       比如:π   g
    如何声明并初始化:const 常量名=;
      习惯上:常量名全大写字母组成
  
  1. <!DOCTYPE html>
  2. <head>
  3.   <title>常量</title>
  4.   <meta charset="utf-8" />
  5.   <script>
  6.          /**********常量*********/
  7.   const PI=3.14;
  8.   /***360角度=2*PI弧度******/
  9.   var r30=PI/6;
  10.   console.log(r30);
  11. </script>
  12. </head>
  13. <body>
  14. </body>
  15. </html>
复制葡京赌场网站

其输出结果为:
图片2.png
三. 数据类型类:
    1. 原始类型:值直接保存在变量本地的数据类型
                  5种:Number   String  Boolean  undefined null
    2. 引用类型:值不直接保存在变量本地的数据类型
    1. Numberjs中专门存储数字的类型,即可存整数,也可存浮点数(小数)
          何时使用:计算,作比较
                  所占空间:整数:32Bit-->4bytes
              浮点数:64Bit-->8bytes
               1byte字节=8Bit
                内存中数字的大小和所占空间无关
       舍入误差:因为计算机中也有无法除尽的数字,导致计算的误差舍入误差无法避免。
   
  1. <!DOCTYPE html >
  2. <head>
  3.   <title> 舍入误差 </title>
  4.   <meta charset="utf-8"/>
  5.   <script>
  6.      //菜价1块6,给2块,问:找多少钱?
  7. //声明变量price,保存菜价1.6
  8. //声明money,保存值2块;
  9. //声明变量change,计算付的钱-菜价,保存到change中
  10. var price=1.6;
  11. var money=2.0;
  12. var change=money-price;
  13. console.log(change);
  14. </script>
  15. </head>

  16. <body>
  17.   
  18. </body>
  19. </html>
复制葡京赌场网站

其输出结果为:
图片3.png
        近似解决:按指定位数四舍五入:n.toFixed(2);
  1. <!DOCTYPE html >
  2. <head>
  3.   <title> 舍入误差 </title>
  4.   <meta charset="utf-8"/>
  5.   <script>
  6.      //菜价1块6,给2块,问:找多少钱?
  7. //声明变量price,保存菜价1.6
  8. //声明money,保存值2块;
  9. //声明变量change,计算付的钱-菜价,保存到change中
  10. var price=1.6;
  11. var money=2.0;
  12. var change=money-price;
  13. console.log(change.toFixed(2));
  14. </script>
  15. </head>
  16. <body>
  17. </body>
  18. </html>
复制葡京赌场网站

其结果输出为:
图片4.png
    2. String: 专门保存一串字符的序列,必须带引号
        何时使用:凡是仅用于显示的数据,都存为字符串
        所占空间:字符串中每个字符都用unicode号存储的
        unicode号:对全球主要文字中的字符,每个字符编一个号
          英文字符,数字: 1个字节
         图片5.png
         以上为数字 3 unicode编码号,为01100118位一个字节。
   
          汉字字符:19968 ~ 40869,占2个字节
                      图片6.png
            以上为汉字 你 的unicode编码号,01001111 01100000162字节。
          字符串的内容一旦创建,不可改变!要想改变,只能用另一个新字符串替换!
           //例如:
         var str="Hello";
         str=str+"World";  共创建了几个字符串?
         分析:Hello为一个字符串,World为一个字符串,合并后HelloWorld也是一个字符串,一共三个
         var a="a1";
         var b="b1";
         var c="c1";
         var d=a+b+c; 共创建过5个字符串,字符串只能两两合并,不能两个以上同时合并
    3. Boolean: 布尔类型:
                  只有两个值的数据类型:true/false
        何时使用:表示二选一的时候
  4. undefined:
    只有一个值:undefined
        何时使用:变量未赋值时,自动赋值使用
  
    5. null

回复

使用道具 举报

最佳答案
5 

10

主题

67

帖子

737

积分

专家路上

积分
737
发表于 2015-12-2 16:51:06 | 显示全部楼层
楼主写的大多有看过,都是很基础入门系列,新人学起来还是比较有用
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-7 21:24:58 | 显示全部楼层
支持兄弟! 好东西
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-7 21:27:47 | 显示全部楼层
好东西 支持下
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-7 23:45:14 | 显示全部楼层
真的好用吧?
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-8 00:12:45 | 显示全部楼层
这个给力.哈哈哈.挺全的
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

1

帖子

30

积分

等待验证会员

积分
30
发表于 2019-1-1 11:52:45 | 显示全部楼层
01084329137087.png


01085007271022.png


01085707102518.png


01090222620319.png


01090704310743.png


01091228782132.png


01091805964297.png



01092116458961.png


01092623106168.png


01093217590141.png


01093835929629.png


01094310654233.png



01094944698349.png


01101240581966.png


01101617041745.png


01102142191832.png



回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.mainetimberworks.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信葡京娱乐网址号

市场合作
[email protected]