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

2024-02-04 09:12

本文主要是介绍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); // => undefineda = 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); // 6let 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面试题

这篇关于JavaScript速查表 - 快速参考(初学者指南)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/676978

相关文章

一文教你Python如何快速精准抓取网页数据

《一文教你Python如何快速精准抓取网页数据》这篇文章主要为大家详细介绍了如何利用Python实现快速精准抓取网页数据,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录1. 准备工作2. 基础爬虫实现3. 高级功能扩展3.1 抓取文章详情3.2 保存数据到文件4. 完整示例

Java 实用工具类Spring 的 AnnotationUtils详解

《Java实用工具类Spring的AnnotationUtils详解》Spring框架提供了一个强大的注解工具类org.springframework.core.annotation.Annot... 目录前言一、AnnotationUtils 的常用方法二、常见应用场景三、与 JDK 原生注解 API 的

Java controller接口出入参时间序列化转换操作方法(两种)

《Javacontroller接口出入参时间序列化转换操作方法(两种)》:本文主要介绍Javacontroller接口出入参时间序列化转换操作方法,本文给大家列举两种简单方法,感兴趣的朋友一起看... 目录方式一、使用注解方式二、统一配置场景:在controller编写的接口,在前后端交互过程中一般都会涉及

Java中的StringBuilder之如何高效构建字符串

《Java中的StringBuilder之如何高效构建字符串》本文将深入浅出地介绍StringBuilder的使用方法、性能优势以及相关字符串处理技术,结合代码示例帮助读者更好地理解和应用,希望对大家... 目录关键点什么是 StringBuilder?为什么需要 StringBuilder?如何使用 St

使用Java将各种数据写入Excel表格的操作示例

《使用Java将各种数据写入Excel表格的操作示例》在数据处理与管理领域,Excel凭借其强大的功能和广泛的应用,成为了数据存储与展示的重要工具,在Java开发过程中,常常需要将不同类型的数据,本文... 目录前言安装免费Java库1. 写入文本、或数值到 Excel单元格2. 写入数组到 Excel表格

Java并发编程之如何优雅关闭钩子Shutdown Hook

《Java并发编程之如何优雅关闭钩子ShutdownHook》这篇文章主要为大家详细介绍了Java如何实现优雅关闭钩子ShutdownHook,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 目录关闭钩子简介关闭钩子应用场景数据库连接实战演示使用关闭钩子的注意事项开源框架中的关闭钩子机制1.

Maven中引入 springboot 相关依赖的方式(最新推荐)

《Maven中引入springboot相关依赖的方式(最新推荐)》:本文主要介绍Maven中引入springboot相关依赖的方式(最新推荐),本文给大家介绍的非常详细,对大家的学习或工作具有... 目录Maven中引入 springboot 相关依赖的方式1. 不使用版本管理(不推荐)2、使用版本管理(推

Java 中的 @SneakyThrows 注解使用方法(简化异常处理的利与弊)

《Java中的@SneakyThrows注解使用方法(简化异常处理的利与弊)》为了简化异常处理,Lombok提供了一个强大的注解@SneakyThrows,本文将详细介绍@SneakyThro... 目录1. @SneakyThrows 简介 1.1 什么是 Lombok?2. @SneakyThrows

在 Spring Boot 中实现异常处理最佳实践

《在SpringBoot中实现异常处理最佳实践》本文介绍如何在SpringBoot中实现异常处理,涵盖核心概念、实现方法、与先前查询的集成、性能分析、常见问题和最佳实践,感兴趣的朋友一起看看吧... 目录一、Spring Boot 异常处理的背景与核心概念1.1 为什么需要异常处理?1.2 Spring B

如何在 Spring Boot 中实现 FreeMarker 模板

《如何在SpringBoot中实现FreeMarker模板》FreeMarker是一种功能强大、轻量级的模板引擎,用于在Java应用中生成动态文本输出(如HTML、XML、邮件内容等),本文... 目录什么是 FreeMarker 模板?在 Spring Boot 中实现 FreeMarker 模板1. 环