×

JavaScript教程

Promise 实现原理(promise实现原理面试)

dede58织梦模板 dede58织梦模板 发表于2024-05-15 浏览14621 评论0
一、Promise 介绍 定义 Promise 是异步编程的一种解决方法,比传统的回调函数和事件更合理;它是由社区提出和实现经由 ES6 将其写进语言标准,并在原生提供了 Promise 对象; Promise 可以理解是一个容器,里面保存着某个将来才会结束的事件(异步操作)的结果;从语法上说,Promise 是一个对象通过它可以获取异步操作的消息;Promise 提供了统一的 API ,各种异步操作都可以用同样的方法进行处理。 特点 Promise 对象代表一个异步操作,

JavaScript教程

ES6中的箭头函数详细梳理(es6箭头函数详解)

dede58织梦模板 dede58织梦模板 发表于2024-05-11 浏览12419 评论0
一、箭头函数的介绍 1.1 什么是箭头函数 ES6中允许使用=>来定义函数。箭头函数相当于匿名函数,并简化了函数定义。 1.2 基本语法 // 箭头函数 let fn = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fn = function (name) { // 函数体 return `Hello ${name} !`; }; 箭头函数在语法上比普通函数简

JavaScript教程

JS—节流与防抖(js 节流和防抖)

dede58织梦模板 dede58织梦模板 发表于2024-05-11 浏览14042 评论0
一、js防抖和节流 在进行窗口的resize、scroll、输出框内容校验等操纵的时候,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验,就可以采用防抖(debounce)和节流(throttle)的方式来到达这种效果,减少调用的频率。 二、为什么滚动scroll、窗口resize等事件需要优化 滚动事件的应用很频繁:图片懒加载、下滑自动加载数据、侧边浮动导航栏等。 在绑定scroll、resize事件时,但它发生

JavaScript教程

05-ES6语法:解构赋值(es6的解构赋值)

dede58织梦模板 dede58织梦模板 发表于2024-05-02 浏览33763 评论0
本文我们介绍ES6中解构赋值。ES6的解构赋值语法是一种JS表达式。解构赋值语法是一种JS表达式,通过解构赋值,可以将属性/值从对象/数组中取出,赋值给其他变量。 下面我们具体来看看解构赋值是什么?以及是如何使用的? 下面是简单的屏幕分享,不爱看文字的同道中人可以看视频。-_- 一、获取对象属性值 在JS中如何去获取对象的属性值呢?我们还是先看ES6之前的代码是如何实现的。无非是通过点(.)语法或者下标([])的方式来获取对象的属性值,代码分别如下。 通过点语法(.)获取

JavaScript教程

ES6中js的运算符(?.、?:、? ?、? ?=、)(js中es6语法)

dede58织梦模板 dede58织梦模板 发表于2024-04-30 浏览13912 评论0
一、空值合并操作符( ?? ) 空值合并操作符( ?? )是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。 空值合并操作符( ?? )与逻辑或操作符( || )不同,逻辑或操作符会在左侧操作数为假值时返回右侧操作数。 const nullValue = null; const emptyText = ""; // 空字符串,是一个假值,Boolean("") === false const someNumber = 42;