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

相关文章

springboot集成easypoi导出word换行处理过程

《springboot集成easypoi导出word换行处理过程》SpringBoot集成Easypoi导出Word时,换行符n失效显示为空格,解决方法包括生成段落或替换模板中n为回车,同时需确... 目录项目场景问题描述解决方案第一种:生成段落的方式第二种:替换模板的情况,换行符替换成回车总结项目场景s

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配

SpringBoot中@Value注入静态变量方式

《SpringBoot中@Value注入静态变量方式》SpringBoot中静态变量无法直接用@Value注入,需通过setter方法,@Value(${})从属性文件获取值,@Value(#{})用... 目录项目场景解决方案注解说明1、@Value("${}")使用示例2、@Value("#{}"php

SpringBoot分段处理List集合多线程批量插入数据方式

《SpringBoot分段处理List集合多线程批量插入数据方式》文章介绍如何处理大数据量List批量插入数据库的优化方案:通过拆分List并分配独立线程处理,结合Spring线程池与异步方法提升效率... 目录项目场景解决方案1.实体类2.Mapper3.spring容器注入线程池bejsan对象4.创建

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,:本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具

Python正则表达式匹配和替换的操作指南

《Python正则表达式匹配和替换的操作指南》正则表达式是处理文本的强大工具,Python通过re模块提供了完整的正则表达式功能,本文将通过代码示例详细介绍Python中的正则匹配和替换操作,需要的朋... 目录基础语法导入re模块基本元字符常用匹配方法1. re.match() - 从字符串开头匹配2.

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

Spring Security简介、使用与最佳实践

《SpringSecurity简介、使用与最佳实践》SpringSecurity是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架,本文给大家介绍SpringSec... 目录一、如何理解 Spring Security?—— 核心思想二、如何在 Java 项目中使用?——

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot?二、环境准备与部署2.1 安装 RustF

springboot中使用okhttp3的小结

《springboot中使用okhttp3的小结》OkHttp3是一个JavaHTTP客户端,可以处理各种请求类型,比如GET、POST、PUT等,并且支持高效的HTTP连接池、请求和响应缓存、以及异... 在 Spring Boot 项目中使用 OkHttp3 进行 HTTP 请求是一个高效且流行的方式。