javascript

大家好，我是 CUGGZ。,今天来重学 JavaScript 中的数组，看看有哪些你不知道的细节！,,数组是最常用的数据类型之一，ECMAScript数组跟其他语言的数组一样，都是一组有序的数据，但跟...

JavaScript 语言规范，也称为 ECMAScript 或 ES，是一个动态文档，每年都会根据不断变化的需求进行修改。虽然 JavaScript 最初是一种脚本语言，但 ECMAScript 规...

,说明,1、在将实参传递给形参的过程中，复杂的数据类型传递给形参的是实参的地址，而非对象实例。,2、函数的形参也可以看作是一个变量。,当我们将引用类型的变量传递给形参时，我们实际上将变量保存在栈空间中...

,说明,1、利用原型链继承原型上的属性和方法，通过借用构造函数继承实例属性。,2、组合继承弥补了原型链和借用结构函数的不足，是JavaScript中使用最多的继承模式。,组合继承还保留了instanc...

Lee Robinson 写了一篇《Why I'm Optimistic About JavaScript's Future》 表达对 JavaScript 未来的看好。,正文开始...,我对Java...

,说明,1、shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。这个方法会改变数组的长度！,2、 pop()方法用于删除数组的最后一个元素并返回删除的元素。,实例,以上就是jav...

,说明,1、instanceof用于判断引用类型是否属于某个结构函数。,也可以在继承关系中判断实例是否属于父亲类型。,2、instanceof的原理是判断_proto__是否与prototype指向相...

,说明,1、如果一个任务依赖于多个异步任务时，可以使用Promise.all。,2、如果任务依赖于多个异步任务中的任何一个，那么Promise.race就无所谓了。,实例,以上就是javascript...

,说明,1、同步回调是在使用回调的高阶函数执行期间执行的。,2、同步回调处于阻塞状态：高阶函数要等到回调完成执行后才能完成其执行。,greet()是一个同步回调函数，因为它与高阶函数map()同时执行...

修复 JavaScript 中“无法读取 Undefined 的属性‘push’”错误的 4 种方法,了解如何轻松修复 JavaScript 中的“无法读取未定义的属性‘push’”错误。,当您尝试对...

近年来，随着许多框架的推出，涵盖了从后端、Web前端到跨平台移动应用程序，甚至游戏的方方面面，Javascript 的流行度达到了很高的水平。,,编写干净可读的代码是构建业务逻辑之后最重要的事情之一...

,说明,1、异步回调在执行高阶函数之后执行。是非阻塞的：高阶函数无需等待回调即可完成其执行，高阶函数可确保稍后在特定事件上执行回调。,2、DOM事件监听器也是异步调用事件处理函数。,即回调函数的一种子...

译者 | 涂承烨,审校 | 孙淑娟,由于代码可见性低，使用Java脚本进行编码可能会很耗时。这里有12个优雅的JavaScript技巧，可以帮助你在2023年优化代码生成。,JavaScript已经成...

,1、引用类型的值是可变的。,2、引用类型的值是同时存储在栈内存和堆内存中的对象。 ,3、引用类型的比较是引用的比较。 ,以上就是javascript引用类型的特性，希望对大家有所帮助。 更多Java...

,说明,1、即使不自定义类型，也可以通过原型实现对象之间的信息共享。,2、原型链继承非常适合不需要单独创建构造函数的场合，当仍然需要在对象之间共享信息时。,但是要记住，属性中包含的引用值总是会在相关对...

,1、JavaScript引擎是专门处理JavaScript脚本的虚拟机，通常附在网页浏览器上。,主页浏览器JavaScript引擎如下：,Mozilla,2、SpiderMonkey，首款JavaS...

,说明,1、实现了next方法的对象被称为迭代器。next 方法必须返回一个IteratorResult对象。,2、如果结构实现正式的Iterator接口，而且通过迭代器Iterator消费,则这些结...

,说明,1、构造函数、原型与实例的关系，每个构造函数都有一个原型对象。,2、原型对象包含一个指向构造函数的指针，而实例包含一个原型对象的指针。,继承的本质是复制，也就是重写原型对象，代之新的实例。,实...

,1、在promise的then方法中，已经自动帮助我们try catch回调函数。,2、then方法中抛出的异常，将被下一级联then方法的第二个参数捕获。 ,如果最后一个then有异常，可以添加一...

JavaScript 一经问世，这门语言被称为”诟病“最多的语言；,随着Web应用程序变得越来越复杂和功能越来越强大，JavaScript已经成为了Web开发中不可或缺的一部分。,最近，W3C宣布We...

你知道 ​​0 ?? 1​​等于多少吗？,大家好，我是 ​​LBJ​​，今天我们聊聊​​2022​​一些值得掌握的新特性!,现在前端发展很快，各种技术和框架层出不穷、百花齐放，很多人都喊学不动啦！事实...

译者 | 李睿,审校 | 孙淑娟,众所周知，全球互联网得以蓬勃发展在很大程度上归功于HTML和CSS。Javascript(JS)可以充当HTML和CSS之间的粘合剂，使页面更具动态性和交互性，但We...

,标记清除是javascript中最常用的垃圾回收方法。,实现方法,1、当变量进入执行环境时，标记为进入环境。,2、从逻辑上讲，进入环境的变量占用的内存永远无法释放，因为只要执行流进入相应的环境，就有...

,众所周知的原因，由于JS的语言特性，任何开发工具都不能为JS提供足够好的智能提示，正因为此，微软创造的轮子：typescript，横空出世！,那么，有没有一种不用typescript的解决方案呢？有...

最新的一份《The State of WebAssembly 2022》调查报告已出炉​，“对于 WebAssembly 来说，这是相当不错的一年”。报告的一些重点内容包括：,具体表现为，当被问及 ...

,作为一名前端开发者，我通过这些JavaScript库大大提高了自己的效率，比如格式化日期、处理URL参数、调试手机网页等。因此，我想将这些好用的库分享给你们，也希望可以帮助到你们。,地址：https...

​译者 | 卢鑫旺,在过去的几个月里，我们听到了很多关于Web3的消息，然而，关于它是什么以及我们如何操作它，仍然有一个谜。最近，加密行业的市场低迷导致了用户和开发人员的进一步怀疑，但我们必须将Web...

在JavaScript中对于其8种数据类型，没有直接且全面的检查数据类型的内置方法，目前知道的typeof和instanceof都不能完美解决问题。,,本篇将介绍使用Object.prototype...

前段时间，有粉丝给小编私信，说目前JavaScript语言里面哪个最受欢迎，今天小编在边吃饭边刷手机，浏览了Best of JS[1] 正式公布 2022 年 JavaScript 明星项目榜单，分享...

大家好，我是 CUGGZ。,TypeScript 是微软于 2012 年推出的一门语言，它是 JavaScript 的超集，具有更强的可选类型系统。TypeScript 和 JavaScript 一样...

,语法如下：,最后一个参数必须是函数体，其余参数作为传递给函数体的参数。,例如：,我们平时开发 JavaScript 或者 Node.js 的时候，没有理由使用 new Function 构造函数，因...

超过 90% 的浏览器能够运行现代 JavaScript，但传统 JavaScript 的流行仍然是当今 Web 性能问题的最大原因之一。,,当今的 Web 受到传统 JavaScript 限制，没有...

,译者 | 陈峻,策划 | 云昭,如今，程序员们可以选用多种编程语言，来创建在线平台、网站和应用程序。其中，在编程社区中，广受不同开发背景的人员所推崇的一种流行语言，便是React Native。它是...

在今天的文章中，我将分享5 个高级技巧，它们将帮助您编写更高效、更优雅的代码。这些技巧专为将技能提升到新水平的有经验的开发人员而设计，从而使用扩展运算符简化代码到使用 async/await 处理异步...

如今，JavaScript几乎是所有现代web应用程序的核心。这就是为什么JavaScript问题以及找出导致这些问题的错误是web开发人员的首要任务。,,用于单页应用程序（SPA）开发、图形和动画以...

,说明,1、算法的复杂度一般用于描述算法的复杂程度。,比如执行的时间或占用内存（磁盘）的空间等，特指最坏时的情形。,为了估算算法运行时的复杂度，在计算算法所需的操作次数之前，我们通常把输入大小外推至无...

,说明,1、事件捕获是不太具体的DOM节点应该更早接收到事件，而最具体的节点应该最后接收到事。,2、事件捕获的用意在于事件到达预定目标之前捕获它。,在捕获中，外部元素的事件会先被触发，然后才会触发内部...

,说明,1、引用类型的赋值实际上是对象保存在栈区地址指针上的授权值，因此两个变量指向同一个对象，任何操作都会相互影响。,2、从一个变量向另一个引用类型的值时，也将保存在变量中的对象值复制放在新变量分配...

​在本文中，我们将讨论5个最好的 JavaScript web 开发框架。,,JavaScript 框架是用于执行所需任务的几个 JavaScript 库的预先编写的集合。,JavaScript 框架...

Promise 模式是现代 JavaScript 编程的必备条件。 使用 then/catch 链接看起来很简单，但它有一些我们最好知道的细节。 这篇文章将带来关于 Promise 的 5 件事...

,作为开发人员找到我的第一份工作花了我几个月的时间，经过数百封拒绝邮件，我终于得到了面试机会。我被问了很多问题来测试我的编程能力，其中一些是基础的，但其中一些问题，在短暂的面试期间对我来说并不是那么容...

笔者最近在工作之余,一直在做数据可视化和nodejs方面的研究,虽然之前的web工作中接触过nodejs和可视化相关的内容,但是没有一个系统的总结和回顾,所以为了更深入的研究和复盘我的nodejs和数...

,说明,1、可以看到async/await的写法与generator非常相似。,2、async/await是generator的语法糖，只是内置了执行器。当执行过程中出现异常时，将停止继续执行。,aw...

DevJobsScanner 在过去的 14 个月(从 2021 年 10 月到 2022 年 11 月)中分析了超过 1200 万个开发人员职位需求，并从其中挑选了明确需要编程语言的工作机会，得到了...

,说明,1、在内存中创建新对象。,2、新对象内部的指针被赋值为构造函数的prototype属性。,3、构造函数中的this被赋值为新对象。,4、执行构造函数内的代码。,5、构造函数返回非空对象时，返回...

TypeScript 是 JavaScript 的超集，JavaScript 能够做的事情，它都可以做且还增加了很多功能，例如静态类型、增强的面向对象编程能力等。,本文是笔者日常学习、使用 TypeS...

微软通过TypeScript 革了JavaScript的命。,,苹果用Swift革了Objective-C的命。,,JetBrains 用Kotlin 革了Java的命。,,现在，Google终于要拿...

,从10多年前JSON在线编辑器的早期开始，用户经常反映编辑器有时会破坏他们JSON文档中的大数字的问题。直到现在，我们也没能解决这个问题。在这篇文章中，我们深入解释了这个问题，并展示如何在JSON ...

​虽然Web性能的实践已经存在了一段时间，并且多年来研究和调试JavaScript (JS)错误的能力有所提高，但我们从未真正关注过错误对性能的影响。,JavaScript错误是Akamai的真实用户...

我们知道，现在 JavaScript 有 7 种基础类型，null/undefined/number/string/boolean/bigint/symbol。其中 bigint 是 ES2020 中...

最近，我学到了一些比较实用的CSS编程技巧，之前很多效果不得不求助于 JavaScript 来实现，但是今天，我学会了直接用CSS 来完成。相信看完这篇你也会爱上CSS，一起来看看吧！,,没想到用CS...

,说明,1、用于查找首次出现的字符位置，找到就会返回索引值，找不到就是-1。,2、indexOf() 方法区分大小写。第一个参数是指定的字符值，第二个参数是从第几个位置开始，默认0。,语法,实例 ,以...

作为软件开发人员，提高工作效率的关键之一是最大限度地提高代码编辑器的功能。Visual Studio Code本身具有大量功能。使用不带扩展的代码编辑器甚至可能足以完成手头的任务。然而，软件用例已经变...

,说明,1、匿名函数用途是创建一个闭包，也可以创建一个命名空间来减少全局变量的使用。,2、使用闭包模块化代码，减少全局变量的污染。,实例,以上就是JavaScript匿名函数的用途，希望对大家有所帮助...

小伙伴们，相信即使你是经验丰富的开发者，也未必能很快的解决这道面试题。如果您想质疑这一说法，请继续阅读下去。,,最近，我的好朋友南希遇到了一个让她发疯的问题，面试官要求她现场实现一个JavaScrip...

6月23号的时候，微信团队发了如下通知将禁止小程序使用 JavaScript 解释来动态更新代码。消息一出，小程序开发者们哀嚎哀嚎遍野，更有人声称要开始加班改代码了。,自 2018年1月，我写下 「b...

,作为 Web 开发人员，您知道您编写的每一行代码都会对应用程序的性能产生影响吗？谈到 JavaScript，最需要关注的领域之一就是内存管理。,想一想，每次用户与您的网站交互时，他们都会创建新的对象...

,我们知道，JavaScript 模块有两种方法来定义导出：默认导出和命名导出。在本节中，我们来看下为什么默认导出是一种糟糕的做法，会导致不好的开发体验。,下面，我们看下例子，假设，我们有一个模块，它...

,React 是一个建立在 HTML、CSS 和 JavaScript 之上的 UI 框架，其中 JavaScript（JS）负责大部分的逻辑。如果你对变量、数据类型、数组函数、回调、作用域、字符串方...

,速度比较,1、访问字面量和局部变量的速度最快，而访问数组元素和对象成员相对较慢。,2、访问对象成员时，查找的成员在原型链位置太深，则访问速度越慢。,提示,应该尽可能的减少对象成员的查找次数和嵌套深度...

,JavaScript 实用程序函数是有用的、可重用的片段，你可以在许多不同的项目中重用它们。它们的目的是为常见任务提供一致且有效的答案，并帮助提高代码的一致性。,在本文中，我想重点介绍我在许多项目中...

JavaScript是单线程的语言，单线程是指所有的程序路径按照一定的顺序执行，只有前面的程序执行了，后面的程序才会执行。,,也就是说在同一时间，JavaScript只能做一件事情，为了协调浏览器产生...

,1、对于原始类型，除了null，您还可以调用typeof显示正确的类型。,2、对于引用数据类型，除函数外，还会显示“object”。 ,3、使用typeof判断对象的数据类型是不合适的 。,最好使用...

,根据维基百科解释“ECMAScript 规范是由 Netscape 的 Brendan Eich 开发的脚本语言的标准化规范；最初命名为 Mocha，然后是 LiveScript，最后是 JavaS...

本文来自公众号活在信息时代。,对于前端程序员来说，V8引擎无疑是最为熟悉的工具之一了。V8是Google开源的JavaScript和WebAssembly引擎，用C++编写。它用于Chrome和Nod...

,说明,1、使用new操作符实例化Person，等于使用new调用构造函数。,2、解释器中使用new和类，需要使用constructor函数进行实例化。,3、类实例化时传入的参数会用作构造函数的参数...

每个 JS 开发人员都应该使用 javascript one liner 来提高生产力和技能，所以今天我们讨论一些可以在日常开发生活中使用的 one liner。,,使用 sort 方法对数组进行排序...

,说明,1、===严格相等运算符，首先计算其操作数的值，然后比较这两个值，比较过程没有任何类型转换。,2、如果两个类型不相同，则它们不相等。,3、两个值都是null或者都是undefined，则它们相...

今天来分享几个编写干净的JavaScript代码的技巧！,在 JavaScript 中，良好命名的关键不在于最短的变量名，而在于最具描述性的变量名。,将代码中的一些数字定义为一个常量，以使它更有意义...

今天这篇文章，我将跟大家分享21个我自己收藏使用的JavaScript技巧，希望今天这篇文章里的内容能够帮助到你，让你的工作更高效！更轻松！,,我们现在开始吧。,将多个值放入一个数组中，然后调用该数组...

,说明,1、对象是通过函数创建的，对象是若干属性的集合，一切引用类型都是对象。,2、每个函数都有一个属性prototype，其属性值是一个对象。,默认只有一个叫constructor的属性，指向这个函...

,大家好，我是 CUGGZ。祝大家新年快乐呀~,本文将回顾并总结 2022 年 JavaScript 生态系统中最重要的发展以及 2023 年的发展趋势！,大纲：,回顾 2022 年，事实证明，即使在...

,1、说明,用原型链实现原型属性和方法的继承，借用构造函数技术实现实例属性的继承。,2、缺点,组合模式的缺点是使用子类制作实例对象时，其原型有两种相同的属性、方法。,3、实例,以上就是javascri...

根据大部分读者私信反馈请教TypeScript如何入门学习，有么有相关的学习资料和开源项目之类的，你们的心声所想，今天我百忙之中腾出点时间统一整理。,首先TypeScript 是微软开发的一个开源的编...

大家好，我是 CUGGZ。,今天来分享 V8 引擎执行 JavaScript 的原理和垃圾回收机制。,在说V8的执行JavaScript代码的机制之前，我们先来看看编译型和解释型语言的区别。,我们知道...

大家好，我是年年。如果被问到“CommonJS和ES Module的差异”，大概每个前端都都背出几条：一个是导出值的拷贝，一个是导出值的引用；一个是运行时加载，一个是静态编译...,这篇文章会聚焦于遇...

​译者 | 李睿,审校 | 孙淑娟,Astro是当前JavaScript热潮中的一种新方法：从响应式前端获得更多性能。它是由创建Snowpack构建工具的同一团队开发的。,已经有一些尝试通过避免昂贵的...

今天，我将与你分享 10 个 JavaScript 单行代码，它们将让你显得更专业！,,此函数将使用 Math.random() 方法生成一个布尔值（真或假）。 使用 Math.random 将生成一...

,1、构造函数模式，没有显示创建对象，直接将属性方法赋给this，没有return语句。,每个方法都要在每个实例上重新定义一遍，无法得到复用。,2、混合构造函数原型模式看，构造函数模式用于定义实例属性...

this 关键字是 JavaScript 中最令人困惑的部分之一，本文试图通过介绍有关它的五个重要事项来阐明其目的和用法。,,在 JavaScript 中，函数可以是独立的单元，但它们也可以用作对象的...

,说明,1、让一个函数在一定间隔内没有被调用时，才开始执行被调用方法。,2、对需要去抖的函数做包装，使用闭包记录timeout。,第一次回调给函数设置setTimeout定时器，只要在wait时间内...

前面的文章我们一起玩了 Flowable 中的 ServiceTask，今天我们再来看看 Flowable 中的脚本任务。,个人感觉脚本任务和我们前面说的 ServiceTask 很像，都是流程走到这...

,说明,1、所有对象都会有一个属性__proto__指向构造函数的prototype原型对象.,之所以我们可以使用构造函数prototype原型对象的属性和方法，是因为对象有__proto__原型...

,说明,1、调用子类构造函数中的父类构造函数。采用apply和call()方法，将新创建的对象作为上下文执行函数。,2、由于构造函数的定制类型必须在构造函数中定义，因此函数不能重用。,另外，子类不能访...

,大家好，我是 CUGGZ。,2023 年 1 月 11 日，2022 年度 StateOfJS 调查结果正式公布！StateOfJS 是前端生态圈中比较有影响力的且规模较大的数据调查。本文就来解读一...

​译者 | 李睿,审校 | 孙淑娟,当今软件开发中最具活力的领域之一是前端架构。而一些创新者正在推动最新技术的发展，以设计出更强大的方法来构建动态用户界面。这项工作大部分都在以惊人的速度进行，而且是公...

在本文中，我们将介绍八种不同的技术来帮助您编写更简洁的 JavaScript 代码。,现在让我们讨论每种技术，一次一个。,纯函数是在给定相同输入的情况下始终返回相同输出的函数。除了提供的输入之外，它不...

过去，我写了很多垃圾代码，现在看起来很糟糕。,当我再次看到那些代码片段时，我什至怀疑自己是否适合做程序员。,所以，这里有 10 个我总结的JavaScript 技巧，可以帮助你避免编写我曾经做过的那种...

,开源软件项目通常拥有非常多样化的用户人群。有些用户非常擅长使用该系统，并且只需要很少的文档。对于这些实力派用户，文档只需要提供必要的提示，并且可以包含更多的技术信息，比如说在 Shell 中运行的命...

,说明,1、把一个给定的一串字符当作 输入 ，编写一个函数，将传入字符串反转字符顺序后返回。,2、对于给定的字符串的每个字符都要被访问一次。,虽然这中访问会多次发生，但是时间可以被归一化为线性时间。并...

,原理分析,1、给CONTEXT设置一个属性,属性值一定是要执行的函数。,2、基于CONTEXT.XXX()成员访问执行方法，就可以把函数执行，并且改变里面的THIS。,都处理完后，把给CONTEXT...

,说明,1、使用父类的结构函数来增强子类的实例，等于复制父亲的实例给子类。,2、使用注意， 只能继承父类实例属性和方法，不能继承原型属性、方法、不能再利用。,每个子类都有父亲实例函数的复印件，影响性能...

ECMAScript 是 JavaScript 要实现的一个语言标准，通常缩写为 ES。自从 ES6 之后 JavaScript 多出了很多新特性，当开始学习这些新特性时，不可避免的会看到这些术语...

,1、动态的插入script标签来加载脚本。,2、通过xhr方式加载js文件，不过通过这种方式的话，就可能会面临着跨域的问题。 ,3、将多个js文件合并为同一个并压缩。,目前，大多数浏览器已经支持并行...

,说明,1、先行断言是告诉JavaScript在字符串中向前搜索的匹配模式。如果你想在同一个字符串上搜索多个匹配模式，可能会有用。,2、先行断言有两种：正向先行断言和负向先行断言。,实例,以上就是ja...

,说明,1、回文是指一个单词或短语正向和反向阅读都是一样的。写一个函数来验证给定输入值是否是回文。,2、如果给定的字符串是回文，返回true，反之，返回false。,实例,以上就是javascript...

JavaScript在不断的进化和升级，越来越多的新特性让我们的代码变得更加简洁。因此，今天这篇文章，我将跟大家分享 4 个不常用的 JavaScript 运算符。让我们一起研究它们。,,这个功能非常...

,说明,1、在内存中创造新的空对象。,2、让this指向这个新的对象。,3、执行构造函数中的代码，为该新对象添加属性和方法。,4、返回这个新对象，析造函数函数中不需要return。,实例,以上就是Ja...

,说明,1、Array.sort()方法对数组中的元素进行排序，然后返回排序后的数组。在没有参数调用sort()的情况下，数组元素按字母表顺序排序。,2、若数组中含有undefined元素，则排列到数...

本文主要针对一些 JavaScript 进行优化，使之更加健壮，可读性更强，更以维护。,缺点：代码太长了,维护和阅读都很不友好,includes 是 ES7 新增的 API，与 indexOf 不同的...