前言

本视频教学作用仅限于0基础需要入门的同学，后期博主会规划其它课程
视频有不懂的地方或者有哪些问题可直接联系我，我给解答
课件资料可以找我要会公开在csdn，也可以加入自学学习群，有同伴一起学，交流也更方便
vx搜公众号【前端新气象】有我的微信，请务必填写备注（b站-姓名）

课件代码地址https://github.com/haojiey/js-Introductory-courseware

可以学习到的内容

  • js数据类型有哪些
  • 各类型的使用方法

数据类型

数据类型指的是可以在程序中存储和操作的值的类型，不同的数据类型用来存储不同的数据，例如文本、数值。
JavaScript 中的数据类型可以分为两种类型：
基本数据类型：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)
提示：Symbol 是 ECMAScript6 中引入的一种新的数据类型，表示独一无二的值。

typeof

用来检测变量的数据类型

typeof "1"                // 返回 string
typeof 1                 // 返回 number
typeof false                 // 返回 boolean
typeof []             // 返回 object
typeof {} // 返回 object

基本数据类型

String 字符串

用来存储文本类的变量，是引号中的任意文本，可以使用单引号或双引号

var name="my name is xiaomu";
var name="hellow";
var name='hellow'

Number 数字

就是经常用到的数字，包含整数，小数(浮点数)

var num = 99;
var phoneNumber = 1830011133
var x = 0.23;
var y = 1.00;

Boolean 布尔

布尔类型表示正确与错误，只有两个值true表示正确，false 表示错误，并且还可以通过表达式定义

var x=true;
var y=false;

// 表达式
var q = 1 < 2;
var s = 1 > 2;

Null 空

Null 是一个只有一个值的特殊数据类型，表示一个“空”值，即不存在任何值，什么都没有，用来定义空对象指针，
可以通过将变量的值设置为 null 来清空变量

var x=true;

x = null;

Undefined 未定义

Undefined 也是一个只有一个值的特殊数据类型，表示未定义。当我们声明一个变量但未给变量赋值时，这个变量的默认值就是 Undefined。

var name;
console.log(name);
// 输出 undefined

Symbol 独一无二

Symbol 是 ECMAScript6 中引入的一种新的数据类型，表示独一无二的值，Symbol 类型的值需要使用 Symbol() 函数来生成

var str = "123";
var sym1 = Symbol(str);
var sym2 = Symbol(str);
console.log(sym1);          // 输出 Symbol(123)
console.log(sym2);          // 输出 Symbol(123)
console.log(sym1 == sym2);  // 输出 false ：虽然 sym1 与 sym2 看起来是相同的，但实际上它们并不一样，根据 Symbol 类型的特点，sym1 和 sym2 都是独一无二的

引用数据类型

Object 对象

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

var person={
  firstname:"John",
  lastname:"Doe",
  id:5566
};

对象类型的键都是字符串类型的，值则可以是任意数据类型。要获取对象中的某个值，可以使用对象名.键的形式或者对象名[‘键’]的形式

name=person.lastname;
name=person["lastname"];
console.log(name) //输出结果Doe

Array 数组

是一组按顺序排列的数据的集合，数组中的每个值都称为元素，而且数组中可以包含任意类型的数据。在 JavaScript 中定义数组需要使用方括号[ ]，数组中的每个元素使用逗号进行分隔，例如：

var cars=["Saab","Volvo","BMW"];

或者以函数形式创建

var arr = new Array(1, 2, 3, 4);
console.log(arr);       // 输出 [1, 2, 3, 4]

获取单个元素
过索引来访问。数组中的索引从 0 开始，并依次递增，也就是说数组第一个元素的索引为 0，第二个元素的索引为 1，第三个元素的索引为 2.

var arr = [1, 2, 3, 'Hello', null, false];
console.log(arr[0]);  // 输出索引为 0 的元素，即 1
console.log(arr[5]);  // 输出索引为 5 的元素，即 false
console.log(arr[6]);  // 索引超出了范围，返回 undefined

Function 函数

是一段具有特定功能的代码块，函数并不会自动运行，需要通过函数名调用才能运行

function hi(){
  return "Hello";
}
var res = hi();
//console.log(hi());
console.log(res);  // 输出 Hello

函数还可以传递参数的

function hi(name){
  return "Hello" + name;
}
var res = hi('xiaomu');
//console.log(hi());
console.log(res);  // 输出 Hello xiaomu