js-变量、数据类型、数据类型转换

1.计算机基础

1. 硬件 鼠标 键盘 屏幕 音响 打印机 显卡 内存条 硬盘 CPU

2. 软件 浏览器QQ 系统mac window linux 微信

3. 单位： bit 1B=8bit 1kb=1024B 1MB=1024kb 1G = 1024MB 1T = 1024G

4. 处理：硬盘---》内存中---》靠CPU支配

2.初识JavaScript

 1.什么是javascript

一个运行在客户端的脚本语言，解释性轻量级的语言，也可以运行在服务器端。

2.解释型语言和编译型语言

解释型语言和编译型语言的区别是，解释型语言是每翻译完一行就去运行。而编译型语言会把所有的语言都编译完再去运行。

3.javascript的构成

1.ECMAscript 规范了js代码书写规范 -- 基础语法

2.DOM 文档对象模型 （例如：js操作html标签样式css等.....）

3.BOM 浏览器对象模型（弹框,浏览器跳转，前进后退.......）

4.常用输出语句

alert('弹出框')
console.log('程序员调试用')
prompt('请输入')
var result=confirm('这是一个确认框。')

//使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。 

3.变量

 1.变量的使用

     先声明，后调用

    var num;  声明了一个变量
	num = 10;//  把右边的值赋值给左边的变量

2.更新变量

变量值的更新
var num = 10;
    num = 20;
//此时num的值为20

3.声明多个变量的写法

var num1=10,
    num2=20,
    num3=30;
//用英文的逗号隔开。

4.特殊情况：

1.只声明不赋值：

var num1；
//默认的值为undefined

2.不声明不赋值直接使用：

console.log(sum);
//会报错

3.不声明直接赋值使用：

age=18;
console.log(age);
//没有声明变量直接使用是可以运行的，但是！最好不要这样做。会成为全局变量。

 

5.命名规范

• 只允许：字母 数字 下划线_ $

• 严格区分大小写

• 不能以纯数字开头

• 不能使用保留字和关键字 var var = 1;错误的

6.交换两个值的变量

var temp ='';
var tang='糖'；
var latiao='辣条';
//交换变量
temp=tang;//先把糖放到空的那里。
tang=latiao;//然后把辣条再放进tang里
latiao=temp；//最后再把temp里的糖放到latiao里。这样就完成交换啦！

 

1.数据类型

   1.1为什么需要数据类型？

        不同的数据所占用的空间不同。

  1.2 数据类型的分类

      简单数据类型和复杂数据类型

    简单数据类型

    简单数据类型分为5种，有 字符串型（string）、数字型（Number）、布尔型（Boolear）、未定义类型（undefined）、空（null）

简单了解一下这几个类型

1.字符串型（string）

• 用引号包裹

• 引号使用口诀：外双内单，内单外双。切记不要里外都是一样的引号，会报错的哦

• 转义符 \ （转义的意思） \n(换行) \t(按了一下tab键)

• 用引号包裹

• 引号使用口诀：外双内单，内单外双。切记不要里外都是一样的引号，会报错的哦

• 转义符 \ （转义的意思） \n(换行) \t(按了一下tab键)

  // 外单内双 
        // var temp = '我是一个"正直"的人';
        // 外单内单 或者  外双内双  可以适当利用转义符(不推荐大量使用)
        // var temp = '我是一个\'正直\'的人';
        var temp = "我是一个\"正直\"的人";
        console.log(temp);

字符串的长度length用来检测字符串的长度。

 		 var str2 = 'i am   you';//有四个空格
        console.log(str2.length); //结果是：10 在字符串里面的多个空格 也会当成字符来占位

  字符串的拼接

数值会做相加运算，字符会相连。

字符串与任意数据类型使用+操作，都是在做字符串拼接(- * /除外)

2.数字型（Number）

凡是数字都属于该类型【整数，小数，负数】

Number.MAX_VALUE 最大值

Number.MIN_VALUE 最小值

NaN -- 表示不是一个数字。

数值类型表示方式（了解）

• 十进制表示

  var num1 = 10, num2 =20;

• 十六进制（0~9 a b c d e f）

  以0x开头的

  var num = 0xA;

• 八进制表示

  八进制直接以数字0开始的

  var num1 = 07;

  var num2 = 06;

注意：以上进制之间的换算，我们不是搞底层和c语言的，不需要深入研究，我们是写程序的。

备注：进行计算时，八进制和十六进制表示的数值，最终都被转为十进制数字。

 

console.log('哈哈' - 2) // 结果NaN

3.布尔型（Boolean）

布尔值只有两个值 true 和 false

在运算时，true为1，false为假。

4.未定义类（undefined）

undefined与数字相加得到的是NaN。（NaN不是一个数字）

5.空（null）

unll与数字相加得到的数字本身。（可以想象为null为0）

1.3数据类型转换

   1.转为数字型

将其他类型的数据转为数字型。

1. parseInt() 转为整型

2. parseFloat() 转为浮点型

3. Number() 强制转换

4. 利用： - * / % 隐式转换

        console.log(parseInt(str));
        console.log(parseFloat('3.123'));
        console.log('15' - 0);//隐式转换-*/%都可以
        console.log(Number(str));强制转换！要求严格，如果转换的能容不是纯数字则会是NaN！

补充：
// 初始使用parseInt()....  这些方法之外，还可以在prompt方法前面添加 + 符号，实现隐式转换
        var numOne = +prompt('第一个数');
        var numTwo = +prompt('第二个数');
        var result = numOne + numTwo;
        console.log(result);

2.转为字符串型

将其他类型的数据转为字符串型。

1. 变量.toString()

2. String(变量)

3. 隐式转换 利用+符号拼接一个空字符串

  var num = 10;
        // 转换为字符串型1:变量名.toString()
        // var str = num.toString();
        //2.String(变量名)
        // var str = String(num)
        //3.+号隐式转换

3.转为布尔型

布尔型只有两个值：真 和 假。

假的情况只有： ' ' , NaN，null, undefined，0

其他都是真的！

1.4检测数据类型（typeof）

有时候我们需要知道这个变量的数据类型，可以用typeof.

var str = '123哈哈';
var abc =Number(str);
console.log(typeof abc);// 得出 NaN