前端开发工程师-前端基础-JavaScript_变量和数据类型.docx

PAGE1

PAGE1

JavaScript基础

1变量的声明与使用

在JavaScript中，变量是存储数据值的容器。变量的声明和使用是编程的基础，它允许我们为数据赋予名称，从而在代码中引用和操作这些数据。JavaScript提供了几种不同的方式来声明变量，包括var、let和const。

1.1var关键字

var是JavaScript中最早的变量声明方式，它有一些特殊的规则，比如变量提升（hoisting）和函数作用域。

//使用var声明变量

varmessage=Hello,World!;

console.log(message);//输出:Hello,World!

1.2let关键字

let是ES6引入的，它提供了块级作用域，这意味着在不同的代码块（如循环或条件语句）中声明的变量不会相互干扰。

//使用let声明变量

letgreeting=Goodmorning!;

console.log(greeting);//输出:Goodmorning!

//在if语句中使用let声明变量

if(true){

letlocalVar=Imlocal!;

console.log(localVar);//输出:Imlocal!

}

console.log(localVar);//报错:ReferenceError:localVarisnotdefined

1.3const关键字

const用于声明常量，即其值在声明后不能被重新赋值。这有助于避免意外的变量修改，提高代码的可读性和可维护性。

//使用const声明常量

constPI=3.14;

console.log(PI);//输出:3.14

//尝试重新赋值const变量会抛出错误

PI=3;//报错:TypeError:Assignmenttoconstantvariable.

2数据类型的分类与理解

JavaScript是一种动态类型的语言，这意味着变量的类型是在运行时确定的。JavaScript中的数据类型可以分为两大类：原始类型（PrimitiveTypes）和引用类型（ReferenceTypes）。

2.1原始类型

原始类型包括number、string、boolean、null、undefined和symbol（ES6引入）。

Number：可以表示整数和浮点数。

String：用于表示文本，可以是单引号或双引号包围的字符序列。

Boolean：只有两个值，true和false。

Null：表示没有任何对象值。

Undefined：表示一个变量已被声明但尚未被赋值。

Symbol：ES6引入的原始类型，用于创建唯一的键。

//原始类型示例

letnum=10;

letstr=Hello;

letbool=true;

letn=null;

letu=undefined;

letsym=Symbol(uniqueKey);

console.log(typeofnum);//输出:number

console.log(typeofstr);//输出:string

console.log(typeofbool);//输出:boolean

console.log(typeofn);//输出:object(注意：typeofnull会返回object，这是JavaScript的一个小怪癖)

console.log(typeofu);//输出:undefined

console.log(typeofsym);//输出:symbol

2.2引用类型

引用类型包括object、array、function等。它们存储的是一个指向内存中对象的引用，而不是实际的值。

Object：用于存储键值对。

Array：用于存储有序的值集合。

Function：用于封装可重复使用的代码块。

//引用类型示例

letobj={name:John,age:30};

letarr=[1,2,3];

letfunc=function(){

console.log(Hello,function!);

};

console.log(typeofobj);//输出:object

console.log(typeofarr);//输出:object

console.log(typeoffunc);//输出:function(在JavaScript中，函数也是一种对象)

2.3类型转换