js基础和数据类型

1、js的四种输出语句

alert('弹出警告框')

prompt('输入框，提示内容')

write('页面输出内容')

console.log('控制台输出内容')

2、基本语法

定义变量：var 变量名 = 值;

定义变量：let 变量名 = 值;

var和let的区别：

var可以重复声明，在var声明前使用该变量为undefined，var声明的全局对象在window下也可以访问

let不能重复声明，只在其所在的代码块{}中生效，在let声明前使用该变量会报错ReferenceError，let声明的全局对象不会在window下

// 块级作用域示例 if (true) { let x = 10; var y = 20; } console.log(y); // 20（var 可在块外访问） console.log(x); // ReferenceError: x is not defined（let 仅在块内有效） // 暂时性死区示例 console.log(a); // ReferenceError: Cannot access 'a' before initialization let a = 5; // 循环中的正确使用（避免闭包问题） for (let i = 0; i < 3; i++) { setTimeout(() => console.log(i), 0); // 输出: 0, 1, 2 } // 若用 var，则输出三个 3

定义常量：const 常量名 = 值;

严格模式：'use strict';

3、数据类型

原始类型：number（数值），string（字符串），boolean（布尔值），null（空），undefined（未定义），symbol（独一无二的值），bigint（大整数）

typeof会返回的类型：以上七种，其中null会返回object，还有一个function，一共八种

引用类型（也叫对象类型）：object（对象），array（数组），function（函数），date（日期），RegExp（正则表达式），Error（错误对象），JSON（对象），math（不属于引用类型，但它是一个对象）

var a= 10; var b = a; a=11; console.log(b);// 10 var c = [1,2,3] var d = c; c.push(4); console.log(d);// [1,2,3,4]

其他类型：NaN（不是数字），infinity（无穷大）

console.log('abc'*5);//NaN console.log(1/0);//Infinity

es6中提供的数据类型：symbol（独一无二的值），

set（唯一值的集合，支持任意类型，并自动去重,但是没有索引值），

WeakSet（只能存储对象类型的弱引用，弱引用就是一个对象如果只用了WeakSet，并没有其他强引用，该对象会自动被进行垃圾回收；不能循环，没有size，不支持clear，只可以add，has，delete，ie不支持），

map（键值对集合，Map 支持任意类型键，Object 仅支持字符串/Symbol），

WeakMap（键必须是对象的弱引用的集合，不能循环，没有size，不支持clear，只可以set，get，has，delete，ie不支持）

const arr = [1, 2, 2, 3, 4, 4]; const unique = [...new Set(arr)]; console.log(unique);// [1, 2, 3, 4] const map = new Map([['a', 1], ['b', 2]]); console.log(map);//Map(2){'a' => 1, 'b' => 2}

4.类型转换

数值转换为字符串：String，toString()

const a = 123; console.log(a+1);//124 console.log(String(a));// 123 console.log(String(a)+1);//1231 console.log(a.toString());// 123 console.log(a.toString()+1);//1231

字符串转数值：Number()，用+运算符也可以将字符串转换为数字，如果字符串不能转换为数字则返回NaN

const a = '123'; console.log(a+1);//1231 console.log(Number(a));// 123 console.log(Number(a)+1);// 124 var b = +a; console.log(b);//123 var c = 'ccc'; console.log(Number(c));// NaN

5、检验数据类型

typeof() 检验原始类型和对象，返回数据类型

console.log(typeof(123));//number console.log(typeof('abc'));// string console.log(typeof(function(){}));// function console.log(typeof({}));// object

isNaN() 检验是否不是数字，返回布尔值

console.log(isNaN(123));//false console.log(isNaN('abc'));// true

instanceof() 检验是否为引用对象，返回布尔值

console.log([] instanceof Array); // true console.log(new Date() instanceof Date); // true console.log({} instanceof Object); // true console.log('hello' instanceof String); // false console.log(new String('hello') instanceof String); // true 包装成对象适用

对象的constructor属性

var arr = [1,2,3]; var json = {}; console.log(json.constructor === Object); // true console.log(arr.constructor === Array); // true

Array.isArray() 检验是否为数组

let arr = [1,2,3]; console.log(Array.isArray(arr));//true

6、记录问题

1、null和undefined的区别？

null是定义了值，而值为空，undefined是还未被定义值

2、typeof和instanceof的区别

typeof可以检验原始数据类型和对象，返回的是数据类型，而instanceof只可以检验是否为引用对象，检查右侧构造函数的prototype是否出现在左侧对象的原型链上，返回的是布尔值。

日常开发中，基本类型判断用typeof，对象/数组/自定义类实例判断 → 用instanceof，推荐使用Object.prototype.toString.call()进行判断