JavaScript速查表 - 快速参考(初学者指南)

JavaScript速查表是一种参考工具,可快速轻松访问语言的标准语法和编码功能。它可以被初学者程序员和有经验的开发人员使用,快速回顾基本概念,找到常见问题的解决方案,或研究不熟悉的语言功能。

介绍:

注释

注释也可以用来临时禁用程序的某些部分,以便对代码进行测试和文档化。

// 这行将表示单行注释

/*这行将表示多行注释*/

控制台

JavaScript中的控制台用于记录信息,作为调试过程的一部分。

// => 早上好!  
console.log('早上好!'); 

// => 早上好!
console.warn('早上好 %s!', 'Morning');

// 向stderr打印错误消息  
console.error(new Error('哦不!'));

变量

变量是赋予计算机程序某些部分的名称,并存储可在程序执行期间更改的值。

let a = 6;
let name = "张三";
const pieValue = 3.14;

// => 6,张三,3.14
console.log(a, name, pieValue);

var b;
console.log(b); // => undefined

Let关键字

let是JavaScript中的一个关键字,用于声明变量。它允许变量只在当前代码块(或作用域)中可用。

let a;
console.log(a); // => undefined

a = 6; 
console.log(a); // => 6

作用域:

块级作用域

块级作用域意味着变量只能在声明它的块内访问,不能从外部访问。

let bulb = true;
if (bulb == true) {
  const bulbOn = '开灯'; 
}
// 引用错误...
console.log(bulbOn);

全局作用域

全局作用域指程序中的变量在整个程序中都是可用的。

// 全局声明的变量
const city = '加利福尼亚'; 
function myCity() {
  console.log(city); 
}
myCity(); // 加利福尼亚

函数作用域

JavaScript中的函数作用域指的是声明和执行函数的环境。

function myFunction()  
{
  var country = "美国";
  // 这里的代码可以使用country
}
// 这里的代码不能使用country

运算符:

算术运算符

JavaScript中的算术运算符是允许对一个或多个操作数执行数学运算的符号。

3 + 3 = 6       // 加法
6 - 3 = 3      // 减法  
6 * 10 = 60    // 乘法
6 / 3 = 2      // 除法
10 % 6 = 0     // 取余

let x = 5;      
x++; // 自增
console.log(x); // 6

let x = 5;       
x--; // 自减
console.log(x); // 4

比较运算符

JavaScript中的比较运算符用于比较两个值,并确定条件是否为真或假。

// 等于 
a == 8  // false

// 相等的值和相等的类型
a === 5 // true

// 不相等
a != 8 // true

// 不相等的值或不相等的类型
x !== 5 // false

// 大于
x > 8 // false

// 小于
x < 8 // true

// 大于或等于
x >= 5 // true  

// 小于或等于
x <= 8 // true

逻辑运算符

逻辑运算符在JavaScript中用于对值执行逻辑运算。逻辑运算符通常与条件语句一起使用,以确定给定条件是否为真或假。

// 逻辑运算符 ||
10 > 3 || 9 > 20; // true  
6 > 60 || 5 > 30; // false
true || false; // true
false || false; // false

// 逻辑运算符 &&
1 > 6 && 6 > 1; // false  
6 === 6 && 9 > 1; // true
true && true; // true  
true && false; // false

// 逻辑运算符 !  
let officeWork = true;
let work = !officeWork; 

// => false
console.log(work);

数组:

数组和索引

JavaScript中的数组是一个用于在单个变量中存储多个数据的对象。数组中的每个值都可以通过称为索引的索引号进行访问和操作。

// 数组  
let language = ["JavaScript", "Java", "Python"];

// 不同的数据类型
let newDataArray = ['张三','JavaScript',9];  

// 索引
console.log(language[0]); // JavaScript
console.log(newDataArray[2]); // 9

.Push()方法

JavaScript中的Array.push()方法可以向数组的末尾添加一个或多个元素,并返回新的后向数组长度。

// 数组push()方法
let language = ["JavaScript", "Java", "Python"]; 

// 向数组中添加 "Php"
language.push("Php");  
console.log(language);

.Pop()方法

JavaScript中的Array.pop()是一个可以删除数组最后一个元素并返回该元素的函数。此函数更改数组的长度。

// 数组pop()方法
let language = ["JavaScript", "Java", "Python","Php"];

// 删除最后一个元素  
let removedlanguage = language.pop();

console.log(language) // ["JavaScript", "Java", "Python"]  
console.log(removedlanguage); // Php

函数:

声明和调用函数

在JavaScript中,函数是执行特定任务的一系列指令。函数可以根据需求调用和执行,也可以声明或定义以供后续调用。

// 声明一个名为demo()的函数
function demo() {
    console.log("你好 JavaScript...!!"); 
}
//调用函数
demo();

带参数的函数

JavaScript中的带一个参数的函数是指被调用时可以接受输入值(称为参数或参数)的函数。这些参数在函数体中用作变量,可用于执行计算或操作。

// 声明一个函数  
function addition(a, b) {
    console.log(a + b);
}
// 调用函数
addition(3,6);

Return关键字

JavaScript中的return关键字用于停止函数的执行,并从该函数返回一个值。可以用来返回一个特定的值或不返回任何值。

let x = myMulFunction(3, 9); // 函数被调用,返回值将结束在 x 中  

function myMulFunction(a, b) {
  return a * b; // 函数返回 a 和 b 的乘积 
  // 27  
}

你是否已经准备好面试了,准备 JavaScript面试题。