全栈工程师-前端开发-JavaScript_JavaScript与WebAPIs.docxVIP

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示例

//条件语句

letscore=85;

if(score=60){

console.log(及格);

}else{

console.log(不及格);

}

//循环语句

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

console.log(i);

}

1.3函数与作用域

1.3.1原理与内容

函数是可重用的代码块，可以接受参数并返回值。作用域定义了变量的可访问性，JavaScript有全局作用域和局部作用域。局部作用域通常由函数创建。

1.3.2示例

//定义函数

functiongreet(name){

letgreeting=Hello,+name;

returngreeting;

}

//调用函数

letmessage=greet(John);

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

//作用域示例

letglobalVar=Iamglobal;

functioncheckScope(){

letlocalVar=Iamlocal;

console.log(globalVar);//输出:Iamglobal

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

}

checkScope();

console.log(globalVar);//输出:Iamglobal

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

1.4对象与原型链

1.4.1原理与内容

对象是JavaScript中的一种数据结构，用于存储键值对。原型链是JavaScript中实现继承的一种机制，每个对象都有一个原型对象，当访问对象的属性或方法时，如果对象本身没有，JavaScript会沿着原型链查找。

1.4.2示例

//创建对象

letperson={

name:John,

age:30,

greet:function(){

console.log(Hello,+);

}

};

//访问对象属性和方法

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

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

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

//原型链示例

functionPerson(name,age){

=name;

this.age=age;

}

Ptotype.greet=function(){

console.log(Hello,+);

};

letjohn=newPerson(John,30);

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

以上示例展示了如何在JavaScript中定义和使用变量、控制结构、函数、作用域、对象和原型链。这些是JavaScript编程的基础，掌握它们对于进一步学习JavaScript与WebA