让你的 JavaScript 技能更上一层楼的概念

谁不想提升自己的 JavaScript 技能呢？当然不是我。让我们来看看一些能让你技能更上一层楼的概念 😉。

当前执行函数

(() => console.log('Hello world'))(); 

它代表立即调用函数表达式。它是在创建后立即调用的函数。

详细了解JavaScript 中的 IIFE

MVC结构

• M - 型号
• V-视图
• C - 控制器

这种结构不仅在 JavaScript 中，几乎所有编程语言都使用它。与 MVC 这个名称不同，它是一个流行的概念，它将代码组织成不同的层，例如数据层、视图层和逻辑层，并分别处理它们。

闭包

`js
函数 OuterFunction() {
var outerVariable = 100;
函数 InnerFunction() {
警报(outerVariable);返回
内部函数； }
var innerFunc = OuterFunction();
内部函数（）； //100

`

闭包允许你在函数内部访问数据，而无需直接修改它们。这样，你既可以保护你的代码，又能让其他人扩展它。尤其是在你公开一个库的时候。

详细了解JavaScript 中的闭包

打回来

`js
function greet(name.callback) {
console.log('Hi' + ' ' + name);
callbacl();
}
function callMe() {
console.log('我是回调函数');
}
greet('Rahul', callMe);
//Hi Rahul
//我是回调函数

`

在 JavaScript 中，回调函数是在另一个函数调用后执行的函数。你可以将回调函数作为参数传递给其他函数。

详细了解JavaScript 中的回调

原型

js
function Student() {
this.name = 'Rahul';
this.gender = 'M';
}
Student.prototype.age = 15;
var studObj1 = new Student();
alert(studObj1.age); // 15
var studObj2 = newStudent();
alert(studObj2.age); // 15


每当我们在 JavaScript 中创建一个函数或对象时，它们内部都会添加一个原型。原型是默认与函数和对象关联的对象，我们可以在其中添加可被其他对象继承的属性。

了解更多关于 -> JavaScript 中的原型

扩展运算符

js
const odd = [1,3,5];
const combined = [2,4,6 ...odd];
console.log(combined);
// [ 2, 4, 6, 1, 3, 5 ]


ES6 提供了一个称为展开运算符的新运算符，它由三个点 (...) 组成。展开运算符允许你展开可迭代对象（例如数组、映射或集合）的元素。

了解更多 -> JS 中的扩展运算符

异步/等待

js
const displayData - async () => {
const data = await fetch('https://api.github.com/repositories');
const jsonData = await data.json();
console.log(jsonData);
};
displayData();


Async/await 允许你使用异步处理。在处理 API 调用时，你通常会遇到异步任务。数据需要完全获取后才能显示在视图上。

了解有关Async 和 Await 的更多信息

😎感谢阅读 | 编码快乐🦿

每周订阅我本周发布的精彩文章以及一些优惠或公告。点击此处订阅