JS面试必备要点大放送！助你在2021年轻松脱颖而出

2023-10-01 21:13:48

JavaScript运行机制

JavaScript是一种基于事件驱动的单线程语言。这意味着它一次只能做一件事，并且由事件循环机制来管理代码的执行顺序。当一个事件发生时，比如用户点击按钮或页面加载完成，浏览器就会将该事件添加到事件队列中。然后，JavaScript引擎会从事件队列中取出一个事件并执行它。在事件执行期间，JavaScript引擎会阻塞其他事件的执行。一旦事件执行完毕，JavaScript引擎就会从事件队列中取出下一个事件并执行它。这种机制可以确保JavaScript代码的执行是有序的，并且不会出现并发问题。

JavaScript对象

JavaScript对象是存储数据和属性的容器。对象可以包含字符串、数字、布尔值、数组、函数和其他对象。要创建对象，可以使用以下语法：

var obj = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

要访问对象的属性，可以使用点运算符或方括号运算符。例如：

console.log(obj.name); // 输出: "John Doe"
console.log(obj["age"]); // 输出: 30

要修改对象的属性，可以使用赋值运算符。例如：

obj.name = "Jane Doe";
obj["age"] = 31;

JavaScript数组

JavaScript数组是存储数据的有序集合。数组中的元素可以是任何类型，包括字符串、数字、布尔值、数组和函数。要创建数组，可以使用以下语法：

var arr = [1, 2, 3, 4, 5];

要访问数组中的元素，可以使用方括号运算符。例如：

console.log(arr[0]); // 输出: 1
console.log(arr[2]); // 输出: 3

要修改数组中的元素，可以使用赋值运算符。例如：

arr[0] = 10;
arr[2] = 20;

JavaScript函数

JavaScript函数是一组可重用的代码块。函数可以接受参数并返回结果。要创建函数，可以使用以下语法：

function func(params) {
  // 代码块
}

要调用函数，可以使用以下语法：

func(args);

函数可以返回任何类型的值，包括字符串、数字、布尔值、数组和对象。要返回一个值，可以使用return语句。例如：

function sum(a, b) {
  return a + b;
}

var result = sum(1, 2);
console.log(result); // 输出: 3

JavaScript类

JavaScript类是创建对象的蓝图。类可以包含属性和方法。要创建类，可以使用以下语法：

class MyClass {
  constructor(params) {
    // 代码块
  }

  // 方法
}

要创建类的实例，可以使用以下语法：

var obj = new MyClass(args);

类的实例可以访问类的属性和方法。例如：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
}

var person = new Person("John Doe", 30);
person.greet(); // 输出: "Hello, my name is John Doe and I am 30 years old."