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

相关文章

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

Mac系统下卸载JAVA和JDK的步骤

《Mac系统下卸载JAVA和JDK的步骤》JDK是Java语言的软件开发工具包,它提供了开发和运行Java应用程序所需的工具、库和资源,:本文主要介绍Mac系统下卸载JAVA和JDK的相关资料,需... 目录1. 卸载系统自带的 Java 版本检查当前 Java 版本通过命令卸载系统 Java2. 卸载自定

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Java Spring ApplicationEvent 代码示例解析

《JavaSpringApplicationEvent代码示例解析》本文解析了Spring事件机制,涵盖核心概念(发布-订阅/观察者模式)、代码实现(事件定义、发布、监听)及高级应用(异步处理、... 目录一、Spring 事件机制核心概念1. 事件驱动架构模型2. 核心组件二、代码示例解析1. 事件定义

Python中图片与PDF识别文本(OCR)的全面指南

《Python中图片与PDF识别文本(OCR)的全面指南》在数据爆炸时代,80%的企业数据以非结构化形式存在,其中PDF和图像是最主要的载体,本文将深入探索Python中OCR技术如何将这些数字纸张转... 目录一、OCR技术核心原理二、python图像识别四大工具库1. Pytesseract - 经典O

SpringMVC高效获取JavaBean对象指南

《SpringMVC高效获取JavaBean对象指南》SpringMVC通过数据绑定自动将请求参数映射到JavaBean,支持表单、URL及JSON数据,需用@ModelAttribute、@Requ... 目录Spring MVC 获取 JavaBean 对象指南核心机制:数据绑定实现步骤1. 定义 Ja

javax.net.ssl.SSLHandshakeException:异常原因及解决方案

《javax.net.ssl.SSLHandshakeException:异常原因及解决方案》javax.net.ssl.SSLHandshakeException是一个SSL握手异常,通常在建立SS... 目录报错原因在程序中绕过服务器的安全验证注意点最后多说一句报错原因一般出现这种问题是因为目标服务器

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再