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

相关文章

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

基于SpringBoot实现文件秒传功能

《基于SpringBoot实现文件秒传功能》在开发Web应用时,文件上传是一个常见需求,然而,当用户需要上传大文件或相同文件多次时,会造成带宽浪费和服务器存储冗余,此时可以使用文件秒传技术通过识别重复... 目录前言文件秒传原理代码实现1. 创建项目基础结构2. 创建上传存储代码3. 创建Result类4.

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4

Tomcat版本与Java版本的关系及说明

《Tomcat版本与Java版本的关系及说明》:本文主要介绍Tomcat版本与Java版本的关系及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Tomcat版本与Java版本的关系Tomcat历史版本对应的Java版本Tomcat支持哪些版本的pythonJ