JavaScript基础

71 阅读3分钟

一:JavaScript简介 JavaScript是一种脚本语言,主要用于在网页上实现交互功能。它可以与HTML和CSS结合使用,为网页添加动态效果和交互功能。JavaScript可以在客户端执行,不需要服务器的支持,因此可以大大提高网页的响应速度和用户体验。

二:JavaScript基础语法

变量和数据类型 JavaScript中的变量使用var关键字进行声明,变量可以存储不同类型的数据,变量是存储数据的基本单元,而数据类型则决定了变量存储的大小和格式。JavaScript中有多种数据类型,包括字符串(string)、数字(number)、布尔值(boolean)、对象(object)、空(null)、未定义(undefined)等。

var name = "John";
var age = 25;
var isStudent = true;
var fruits = ['apple', 'banana', 'orange'];
var person = {
  name: "John",
  age: 25
};

运算符 JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符等,用于对变量进行计算和比较,运算符是用于操作数据的符号,如加法(+)、减法(-)、乘法(*)、除法(/)等。表达式则是由操作数和运算符组成的序列,用于计算并返回一个值。

var a = 10;
var b = 5;
var c = a + b; // 加法运算
var d = a > b; // 比较运算
var e = (a > 5) && (b < 10); // 逻辑与运算
    

控制语句 JavaScript中的控制语句包括if语句、for循环、while循环等,用于控制程序的执行流程。条件语句用于根据特定条件执行不同的代码块。if语句是最常用的条件语句,它根据条件的结果来执行或跳过某些代码块。switch语句则用于执行多个条件语句,它提供多个条件表达式,每个表达式对应一个代码块。循环语句用于重复执行一段代码。for循环是最常用的循环语句,它由一个计数器变量控制循环次数,通过一个循环体来执行重复的代码。while循环则根据一个条件表达式来控制循环次数。do-while循环与while循环类似,但至少会执行一次循环体内的代码。

var age = 25;
if (age > 18) {
  console.log("成年人");
} else {
  console.log("未成年人");
}

var fruits = ['apple', 'banana', 'orange'];
for (var i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

var count = 0;
while (count < 5) {
  console.log(count);
  count++;
}

三:JavaScript函数

函数是一段可重用的代码块,它可以被多次调用以执行特定任务。函数的定义包括函数名、参数列表和函数体。参数列表中定义了传递给函数的参数,函数体中则是实现函数功能的代码。 函数的定义和调用 JavaScript中的函数使用function关键字进行定义,可以接受参数并返回结果。

function add(a, b) {
  return a + b;
}
var result = add(3, 5);
console.log(result); // 输出8

匿名函数和箭头函数 JavaScript中还支持匿名函数和箭头函数的定义方式。

var add = function(a, b) {
  return a + b;
};
var result = add(3, 5);
console.log(result); // 输出8

var add = (a, b) => a + b;
var result = add(3, 5);
console.log(result); // 输出8

四:JavaScript对象

对象的定义和属性 JavaScript中的对象使用{}进行定义,可以包含多个属性。

  var person = {
  name: "John",
  age: 25,
  isStudent: true
};
console.log(person.name); // 输出John
console.log(person.age); // 输出25
console.log(person.isStudent); // 输出true

对象的方法 JavaScript中的对象可以包含方法,用于实现对象的行为。

var person = {
  name: "John",
  sayHello: function() {
  console.log("Hello, my name is " + this.name);
  }
};
person.sayHello(); // 输出Hello, my name is John

DOM(文档对象模型)是JavaScript中用于操作网页元素的一种模型。通过DOM操作,可以在网页中获取、修改、添加或删除元素。 例如,可以使用getElementById()方法获取指定ID的元素,使用setAttribute()方法修改元素的属性,使用appendChild()方法添加新的子元素等。