必须知道的JavaScript的首要特点

在本教程中，我们将了解Javascript的特殊功能。

Javascript是一种流行的编程语言。Javascript的功能很灵活。有许多开源的库。GitHub包含了大量由世界各地的开发者编写的Javascript代码。Javascript在前端和后端都能很好地工作。

Javascript有一个简单的语法。没有任何设置，任何人都可以执行Javascript程序，并使其成为用户友好的程序。一个人有HTML、CSS和编码的基本知识，就可以用Javascript工作。

Javascript的特点

Scripting

Javascript在浏览器中执行客户端的脚本。

翻译

浏览器解释JavaScript代码。

事件处理

事件就是行动。Javascript提供了事件处理的选项。

重量轻

由于Javascript不是一种编译语言，源代码在运行前绝不会变成字节码。低端设备也可以运行Javascript，因为它具有轻量级特征。

对案件敏感

在Javascript中，名称、变量、关键字和函数都是区分大小写的。

控制声明

Javascript有控制语句，如if-else-if、switch case和循环。用户可以使用这些控制语句编写复杂的代码。

物体作为第一等公民

Javascript的数组、函数和符号都是对象，可以继承Object原型的属性。对象是一流的公民，意味着对象可以完成所有的任务。

支持函数式编程

Javascript函数可以作为另一个函数的参数，可以通过引用调用，也可以赋值给一个变量。

动态输入法

Javascript变量可以有任何价值类型。同一变量可以有一个字符串值，一个整数值，或任何其他。

客户端验证

Javascript客户端验证允许用户在提交表单时向服务器提交有效数据。

平台独立

Javascript将以同样的方式在任何操作系统的所有系统中运行。

异步处理

Javascript的async-await和promise功能提供了异步性。由于进程是并行运行的，它提高了处理时间和响应性。

基于原型的

Javascript遵循’Object.prototype’函数，而不是类继承。

虚无的凝聚运算符(??)。

如果左侧操作数为空，则nullish凝聚运算符返回右侧操作数。如果左边的操作数不是’null’，运算符返回左边的操作数值。这个运算符有助于避免布尔运算符的错误。

逻辑上的无效赋值(??=)。

它是以下的简称

result=left??right;

造型控制台日志

Javascript控制台可以有样式。例如，请看下面这个块。

console.log('%cText %cValue', 'color:black; cursor:pointer', 'color: green;');

第一套样式适用于第一个带有%c的字符串，而第二个%c获得第二个字符串的第二套样式。

对象速记

对象速记可以节省空间和时间，允许用户使用相同的名称来分配变量和键值。

const name='Egan',
id=1;

//The above snippet can be as follows
const egan={
name,
id
}
console.log(egan);

//Output
{name:'Egan', id:1}

Optional chaining (?.)

在下面的例子中，Javascript的可选链路优化了一般的空检查。

var obj={
   data:{
      id: 1;
   }
}

//General null check
if(obj.data && obj.data.id)

//Optional chaining
obj.data?.id

推迟/同步加载

在HTML解析期间，Javascript “延迟 “和异步下载文件，优化了页面加载时间。异步脚本在下载后立即运行。延迟脚本只按Dom顺序执行。

简单的客户端计算

Javascript可以在浏览器上执行简单的客户端计算。

大型浏览器控制

Javascript让浏览器优先于服务器。

日期和时间处理

Javascript有内置的函数来获取 “日期 “和时间。

HTML内容生成

Javascript允许用户在页面上做一些动作时添加动态HTML内容。

浏览器和操作系统检测

Javascript有内置代码来检测用户使用的浏览器。

Let & Const关键词

Javascript用let和const关键字取代了var关键字，并且有一个块级范围。

箭头功能

Javascript通过箭头函数语法帮助优化匿名函数的语法。

模板的字面意思

Javascript允许将一个变量保存为一个字符串，并节省开发时间。

新的阵列函数

Javascript的数组函数可以实现代码优化。正则数组有一个整数索引，而关联数组有字符串索引。

默认参数

Javascript避免了使用默认参数的未定义值的错误情况。

财产速记

Javascript有几个速记方法，如.get()，可节省编码时间和成本。

Java的类似语法

Javascript的语法和Java的语法比较相似，它有助于开发人员在两种编程语言中工作。

If else 语句

Javascript的’if else’条件语句执行逻辑操作。

循环语句

Javascript 循环允许开发者使用一个循环多次运行相同的代码。

BigInt

Javascript允许大的整数值。Javascript引擎对BigInt的支持方式不同。

动态进口

Javascript的动态导入功能允许在运行时添加任何文件。

承诺.全部解决

Javascript的Promise.allSettled方法只有在解决或拒绝了所有的承诺后才接受承诺数组。

字符串matchAll

Javascript string.matchAll() 返回正则表达式中所有的匹配组。

globalThis

Javascript global这指向全局对象，不考虑窗口对象或自对象。

模块名称空间出口

Javascript模块名称空间导入导出的语法如下。

import * as utils from'./utils.mjs';
export {utils}

明确定义的秩序

Javascript的’for(a in b)’在2020年前没有执行顺序。ES2020给出了规范。

进口.meta

Javascript import.meta给出了一个脚本标签的元信息。

<script type='module' src='module.js'>
console.log(meta);
//Output
{url: 'file':'//home/user/module.js'}

用.at()进行负数索引

用数组长度减去程序的Javascript数组索引是一种老方法。函数.at()可以代替这项任务。

let arr=[10, 20, 30];
arr.at(2);//Prints 20

hasOwn

Javascript hasOwn属性是hasOwnProperty的一个扩展。Javascript hasOwn是一个静态方法。

let obj = Object.create(null);
obj.hasOwnProperty=function(){};
Object.hasOwnProperty(obj, 'hasOwnProperty');

//Cannot convert the object to the primitive value
Object.hasOwn(obj, 'hasOwnProperty'); //true

类静止块

Javascript类可以有静态项目。

class Color {
   static blue;
   static {
      this.blue = 'blueberry';
   }
}

错误原因

Javascript错误类也提供了一个错误原因报告。

throw new Error('Error message', { cause: rootCause });

结论

Javascript有独特的功能，也有面向对象编程和Java语言的特点。所有讨论过的特点和其余的特点使Javascript成为一种强大的编程语言。