前端开发工程师-前端基础-JavaScript_JavaScript与WebAPIs.docx

PAGE1

PAGE1

JavaScript基础

1变量与数据类型

1.1原理与内容

在JavaScript中，变量用于存储数据值。JavaScript有七种基本数据类型：undefined、null、boolean、number、bigint、string和symbol。此外，object是一种复合数据类型，可以包含其他数据类型。

1.1.1示例

//定义变量并赋值

letname=John;//string类型

letage=30;//number类型

letisStudent=false;//boolean类型

letperson={name:John,age:30};//object类型

//输出变量值

console.log(name);//输出:John

console.log(age);//输出:30

console.log(isStudent);//输出:false

console.log();//输出:John

1.2控制结构与循环

1.2.1原理与内容

控制结构用于控制程序的执行流程，包括条件语句（如if、else、switch）和循环语句（如for、while）。循环语句用于重复执行一段代码，直到满足特定条件。

1.2.2示例

//使用if语句

letscore=85;

if(score=60){

console.log(及格);

}else{

console.log(不及格);

}

//使用for循环

for(leti=0;i5;i++){

console.log(i);

}

1.3函数与作用域

1.3.1原理与内容

函数是可重用的代码块，用于执行特定任务。作用域定义了变量的可访问性。在JavaScript中，有两种作用域：全局作用域和局部作用域。

1.3.2示例

//定义函数

functiongreet(name){

letgreeting=Hello,+name;

console.log(greeting);

}

//调用函数

greet(John);//输出:Hello,John

//局部作用域示例

functiontestScope(){

letlocalVar=Iamlocal;

if(true){

letlocalVar=Iamalsolocal;

console.log(localVar);//输出:Iamalsolocal

}

console.log(localVar);//输出:Iamlocal

}

testScope();

1.4对象与原型链

1.4.1原理与内容

对象是JavaScript中的复合数据类型，可以包含属性和方法。原型链是JavaScript中实现继承的一种方式，通过对象的__proto__属性连接到原型对象，从而访问原型对象上的属性和方法。

1.4.2示例

//创建对象

letperson={

name:John,

age:30,

greet:function(){

console.log(Hello,+);

}

};

//调用对象方法

person.greet();//输出:Hello,John

//使用原型链实现继承

functionAnimal(name){

=name;

}

Atotype.speak=function(){

console.log(+makesasound.);

};

functionDog(name,breed){

Animal.call(this,name);

this.breed=breed;

}

Dtotype=Object.create(Atotype);

Dtotype.constructor=Dog;

Dtotype.speak=function(){

console.log(+barks.);

};

letmyDog=newDog(Rufus,Labrador);

myDog.speak();//输出:Rufusbarks.

以上示例展示了如何在JavaScript中定义和使用变量、控制结构、函数和对象。通过这些基本概念，您可以开始构建更复杂的JavaScript应用程序