初识变量和数据类型

Posted 2023-04-02 `Promise`

javascript第2天

输入输出语句

输出语句

• alert(变量) => 弹出
• document.write(变量) => 输出在页面上面
• console.log(变量) => 打印在控制台上

/* JS的输出语句 */
alert("弹出")
document.write("直接在写页面上面")
console.log("打印在控制台上面") 

效果:

输入语句

• confirm 得到是就是两个按钮一个确定,一个取消
  点击确定得到的值是 true => 真
  点击取消得到的值是 false => 假
• prompt 就是让我们在页面上面输入一句话
  得到的结果就是那句话,我们可以将输入的这一句话当做一个变量存储起来可以输出

confirm:

var msg1 = confirm("你好!") //我可以将我们点击确定和取消的结果当做变量的值
console.log(msg1);  //当我们点击确定时候得到值是一个true,当我们点击取消的时候得到的结果是false

效果如下:

prompt:

var msg = prompt("你可以在这上面输入一句话")  //我们可以把这一句话当中一个变量值,赋值给一个变量  
alert(msg)  //将变量的值直接弹出来

效果如下:

变量命名

1. 变量的声明 var
2. 变量的名字
3. 变量的值

• 变量的命名规定

1. 变量的命名要使用数字,字母,下划线,$组成
2. 变量的命名不能使用数字开头
3. 变量的命名不能使用关键字

举例:

var a = 10;     //合法
var name = "张飒"   //合法
var var = "李四"    //不合法,不能使用关键字
var 1name = "王八"  //不合法,不能以数字开头
var alert = "老刘"  //合法
var name% = "美丽姐" //不合法,变量的命名要以数字,字母,下划线,$组成

注意:常见的关键字,有var ,break, for ,if …

• 变量的命名规范
  规定:必须的按照我的来,不按照我的来,那么我就报错
  规范:可以不用按照我的来,但是建议按照我的来
• 驼峰命名法
  • 大驼峰
    多个单词组成的时候,每一个单词的首字母都大写
  • 小驼峰
    多个单词组成的时候,第一个单词的首字母小写,后面的每一个单词的首字母大写
    我们JS推荐的就是小驼峰

比如:

var userName = "张三"   //遵守了小驼峰的命名规范

数据类型

• 常见的基本数据类型有
  数值类型 => number
  字符串类型 => string
  布尔类型 => boolean
  null => object(null)
  undefined => undefined
• 我们可以使用一个叫做typeof这个一个词来检测数据类型
  • typeof的用法
    1. typeof 变量
    2. typeof (变量) typeof (a+b)

isNaN => is not a number

比如:

console.log(isNaN("张三"))      //true
console.log(isNaN(10))          //false

isNaN => is not a number判断一个值不是一个数字

比如:

// 因为他判断是不是数字
//     如果是一个数字,那结果直接是false
//     如果不是一个数字,那么他会判断这个值能不能转换成数值,如果可以,那么结果是false,如果不可以,那么结果是true
// boolean与number其实就是相通的
//     boolean类型的true   代表数值类型的一切非0的值
//     boolean类型的false  代表数值类型的0
console.log(isNaN("123"));//false
console.log(isNaN("123a"));//true
console.log(isNaN(11));//false
console.log(isNaN(true));//false

强制类型的转换

转换成一个数值类型

强制转换

• parseInt => 转换成一个整数 int(整数)
• parseFloat => 可以转换成一个小数

1. parseInt先看第一位的值,能不能转,如果可以转,那么就转,如果不能转,那么就NaN

2. parseInt再看第二位的值,能不能转,如果可以,那么转,如果不能转,那就停止了

3. parseFloat 他比parseInt 多认识了一个小数点 .
   console.log(parseInt(“12a2”))

自动转换

• Number => 可以转换成数字
  boolean => 可以转,转过来的是 true=>1 false=>0
  null => 可以转,=> 0
  undefined => 不可以转,=> NaN
  “123” => 可以转,=> 123
  “123a” => 不可以,不认是a NaN

将其他类型转换成字符串

• String
  不管什么类型使用String都可以转换成字符串
  var res = String(变量)
  相当将这个变量的值外面添加一对引号
  -toString()
  相当将这个变量的值外面添加一对引号,但是null和undefined不能使用
• +
  但凡+号的两边有一边是字符串,那么结果就是拼接,拼接得到的结果还是一个字符串
  如果+号的两边都没有字符串,那么就会相加

var a = 10;
var a1 = String(a)
console.log(a1, typeof a1);
var b1 = a.toString()
console.log(b1, typeof b1);
console.log(a + "~~", typeof (a + ""));

将其他类型转换成boolean

• Boolean有四个是false分别是:
  1. 字符串 ""
  2. null
  3. undefined
  4. 数字 0

初识javascript变量和基本数据类型

1.1首先，学习使用firebug控制台。设置一下firefox 中的配置选项，以便使控制台中的javascript警告更为严格。。。以方便我们更好的找出程序中不必要的bug.

1. 在火狐浏览器firebox 地址栏中输入 about:config ；

2.在过滤器的搜索栏中输入strict，并按enter键；

3.双击javascript.options.strict选项的行，将其所在的值更改为true。

2.1 通常变量都是我们用来存储数据的。尤其当我们使用某个数字（eg  3.141592653589793)时，使用变量pi显然要比直接写数字值更方便的多。

变量的使用通常可分两个步骤：

1. 声明变量     2.初始化变量，给它一个初始值

  var  a= 1;

变量名可以由任何数字，下划线组合而成。便不能以数字开头。变理名是区分大小写的。

变量初始化，实际上是指变量首次被赋值的时机。

可以有两种方式   1.先声明变量，然后初始化 2 声明变理与初始化同步进行。

3.1 javascript中，主要包含以下几在基本的数据类型

 1.数字---------------包括浮点数与整数。eg:1,100,3.14等

 2.字符串-------------一序列由任意数理字符组成的序列，例如“a","one"，”断肠向上扔有“。

 3.布尔值----------------true 或 false

 4.undefined----------当我们试图访问一个不存在的变量时，就会得到一个特殊值undefined。除此之外，使用一个未初始化的变理也会如此。javacript会自动将变量在初始化之前的值设定为underfined。

  5.null ----------------这是另一种只包含一个值的特殊数据类型。所谓null值，是没有值，空值，不代表任何东西。

  6.非基本类型（即对象）

3.2 查看类型操作符 typeof

如果我们想知道某个变量或值的数据类型，可以调用一种叫做typeof 的特殊操作符。该操作符会返回一个代表数据类型的字符串。、

它的值包括： number,string,boolen,undefined,object ,function .......

                    undefined

                          0

                        NaN

                        false