JS入门--变量及数据类型

请叫我cqq

于 2018-07-04 20:30:52 发布

阅读量212

点赞数

分类专栏： JS基础学习总结文章标签： js书写的位置变量数据类型注释

本文链接：https://blog.csdn.net/cqqorcq/article/details/80918159

版权

JS基础学习总结专栏收录该内容

11 篇文章 0 订阅

订阅专栏

第1章入门

1.1 JS代码书写的位置

写在行内

<input type="button" value="按钮" onclick="alert('Hello World')" />

写在script标签中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

写在外部js文件中，在页面引入

<script src="main.js"></script>

注意：引用外部js文件的script标签中不可以写JavaScript代码

1.2 计算机组成

软件

应用软件：浏览器(Chrome/IE/Firefox)、QQ、Sublime、Word
系统软件：Windows、Linux、mac OSX

1.3 变量

1.3.1 什么是变量

什么是变量
变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
为什么要使用变量
使用变量可以方便的获取或者修改内存中的数据

1.3.2 如何使用变量

var声明变量

var age;

变量的初始化

//字面量的方式赋值
var age = 18;

同时声明多个变量

var age, name, sex;
age = 10;
name = 'zs';

同时声明多个变量并赋值

var age = 10, name = 'zs';

1.3.3 变量在内存中的存储

var name = '程序员';
var age = 18;

1.3.4 变量的命名规则和规范

规则 - 必须遵守的，不遵守会报错
- 由字母、数字、下划线、$符号组成，且不能以数字开头
- 不能是关键字和保留字，例如：for、while。
- 区分大小写
规范 - 建议遵守的，不遵守不会报错
- 变量名必须有意义
- 遵守驼峰命名法。(首字母小写，后面单词的首字母需要大写)
  例如：userName、userPassword)

下面哪些变量名不合法

a           //合法    
1           //不合法
age18       //合法
18age       //不合法
name        //合法
$           //合法
$name       //合法
_sex        //合法
&sex        //不合法
theworld    //合法
theWorld    //合法

1.3.5 案例

交换两个变量的值

var a = '1';
var b = '2';//  借助第三个变量
var c = a;
a=b;
b=c;
console.log(a,b);

不使用临时变量，交换两个数值变量的值

//第二种方式
var num1 = 10;
var num2 = 20;
//计算的方式:累加,然后相减
num1 = num1 + num2;//num1的结果是30
num2 = num1 - num2;//num2的结果是10
num1 = num1 - num2;//num1的结果是20
console.log(num1);
console.log(num2);

使用位运算 ----了解

    //位运算
    var c1 = 100;
    var c2 = 200;
    c1 = c1 ^ c2;
    c2 = c1 ^ c2;
    c1 = c1 ^ c2;
    console.log(c1, c2);     //200  100

1.4 数据类型

number 、string 、Boolean 、null 、undefined、object

1.4.1 简单数据类型

获取变量的类型

typeof

var age = 18;
console.log(typeof age);  // 'number'

Number类型

数值字面量：数值的固定值的表示法
110 1024 60.5
进制

如果字面值中的数值超出了范围，那么前导零将被忽略，后面的数值将被当作十进制数值解析
二进制
    var num = 0000 0001;
    数字序列范围：0~1
    
八进制
    var num1 = 07;   // 对应十进制的7
    var num2 = 019;  // 对应十进制的19
    var num3 = 08;   // 对应十进制的8
    数字序列范围：0~7

十进制
    var num = 9;
    数字序列范围：0~9

十六进制
    var num = 0xA;
    数字序列范围：0~9以及A~F

浮点数
- 浮点数的精度问题

浮点数
    var n = 5e-324;   // 科学计数法  5乘以10的-324次方  

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数

   var result = 0.1 + 0.2;    // 结果不是 0.3，而是：0.30000000000000004

   console.log(0.07 * 100);

   不要判断两个浮点数是否相等

数值范围

最小值：Number.MIN_VALUE，// 这个值为： 5e-324  5乘以10的-324次方
最大值：Number.MAX_VALUE，// 这个值为： 1.7976931348623157e+308
无穷大：Infinity
无穷小：-Infinity

String类型

'abc' "abc" ---- 字符串，单引号和双引号都可以

字符串字面量
思考：如何打印以下字符串。

我是一个 "正直" 的人

我很喜欢 "正直 ' 的人

var s = '我很喜欢   \"正直 \'的人';
var  m = '我是一个"正直"的人';
console.log(s,m);

字符串长度

length属性用来获取字符串的长度

var str = 'hello everyone,welcome to my world';
console.log(str.length);

字符串拼接

字符串拼接使用 + 连接

console.log(11 + 11);  //22
console.log('hello' + ' world'); // helloworld

console.log('100' + '100'); // 100100

console.log('11' + 11); //1111

console.log('male:' + true); //male:true

两边只要有一个是字符串，那么+就是字符串拼接功能
两边如果都是数字，那么就是算术功能。

Boolean类型

Boolean字面量： true和false，区分大小写
计算机内部存储：true为1，false为0

Undefined

undefined 表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined

Null

null 表示一个空；

注: 关于undefined和null是一个大问题，面试中很容易被问到，后面的高级部分详解；

1.4.2 复杂数据类型

Object

后面详解；

题外话

如何使用谷歌浏览器，快速的查看数据类型？

字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的

console.log('ss',2,null,undefined,true);

1.5 注释

单行注释

用来描述下面一个或多行代码的作用

// 这是一个变量
var name = 'hm';

多行注释

用来注释多条代码

/*var age = 18;

var name = 'zs';

console.log(name, age);

*/