javascript技术—JavaScript技术教程心得体会 收藏 0

7 种高级 JavaScript 技术

JavaScript 正在不断发展，提供了强大的工具，使开发者能够编写更简洁、高效的代码。但由于特性众多，我们很容易忽略其中一些强大的功能。无论你是想提升性能，还是编写更易维护的代码，这些高级技巧都能让你在开发中占据优势。

让我们一起来探索 7 个高级 JavaScript 技巧，帮助你提升编码能力。

闭包是 JavaScript 中最强大、但往往令人困惑的特性之一。它允许你创建具有私有变量的函数，从而使代码更加模块化和安全。

什么是闭包？ 闭包是指当一个函数记住其词法作用域时，即使该函数已经执行完毕。这在不使用全局变量的情况下，维护函数状态时非常有用。

应用场景： 闭包非常适合维护事件处理程序的状态、创建私有变量，或开发高阶函数。

解构赋值是 ES6 的一项特性，允许你从数组或对象中提取值，并将它们赋值给变量。这种方式使代码更简洁，且更易于阅读和维护。

应用场景： 解构赋值在处理 API 响应或复杂对象时尤为有用，它允许你只提取所需的数据。

在处理用户事件（如滚动或调整大小）时，如果每次用户操作发生时都触发事件，性能会受到显著影响。去抖动 和 节流 是两种用于控制函数执行频率的技术。

• 去抖动： 确保函数在一段时间内没有新的活动时才执行。
• 节流： 确保函数在规定时间内最多执行一次。

应用场景： 去抖动和节流适用于优化如搜索输入、滚动事件监听器和窗口调整大小等情况。

柯里化将接受多个参数的函数转变为一系列每次只接受一个参数的函数。这个技术使函数更具复用性，并支持部分应用。

应用场景： 在构建可复用函数（如函数式编程或 React 组件）时，柯里化非常有用。

Proxy 对象允许你拦截并重新定义对象的基本操作，如属性访问、赋值和函数调用。这在验证、日志记录或构建响应式框架时极为有用。

应用场景： Proxy 常用于数据验证、响应式框架（如 Vue.js）和敏感数据访问的日志记录。

JavaScript 是单线程的，这意味着它一次只能执行一个任务。然而，事件循环允许异步操作高效地发生，而不会阻塞主线程。

理解事件循环对于编写高效的异步代码至关重要，尤其是在处理 setTimeout、Promise 和 async/await 时。

应用场景： 理解事件循环在构建实时应用程序、处理 API 请求或管理异步任务时尤为重要。

记忆化是一种用于缓存函数调用结果的技术。当相同的输入再次出现时，返回缓存结果，从而显著提升频繁调用函数的性能。

应用场景： 记忆化在优化数据密集型应用中的复杂计算（如排序大数据集或执行复杂的数学运算）时非常有用。

通过掌握这些高级 JavaScript 技巧，你可以编写更简洁、高效、强大的代码。无论你是在优化性能、提升代码可读性，还是构建可扩展的应用程序，这些方法都将助你将 JavaScript 技能提升到一个新高度。

产品经理所需要掌握的技术点

首先强调一下，产品经理需要掌握一些技术点这事不是必备项，但却是大大的加分项，从我目前的经验来看，不懂技术的产品经理很难做产品，但可能会有一些天马行空的想法，只不过大多数都会被同行或者技术开发人员说实现不了。有些产品经理是有研发背景的，即在转行做产品经理之前，有从事过开发工作，这样就非常的有优势，如果之前的开发工作与现在产品所需的技术语言是一样的话，就比较完美了，可以在设计的时候就进行一定程度的实现性和可行性考虑，评估所设计的功能是否可以在现有条件和资源下实现，也能在开发人员的系统设计说明书评审会上听懂，可以大致了解是否符合要求。

技术开发人员都比较喜欢和同行交流的，就像我们自己喜欢和产品经理同行交流一样，因此做过开发的产品经理在和开发人员的沟通上有优势，但需要注意的是，千万不能不懂装懂，不要以为自己做过开发了不起，就指手画脚的参与系统设计，这样反而会令人反感，要记住你的技术背景只能停留在产品设计阶段和PRD沟通阶段，不要过多的给出技术方面的意见或建议，术业有专攻，况且你都转行了，说不定你所知道的东西已经过时了。

没有研发背景的产品经理就需要修炼了，其实也不需要去学习开发技术，但是要知道一些专业术语，比如要知道缓存、JS脚本、Ajax、数据库、存储过程、BI等等名词到底是什么东西，否则你会发现你在和开发人员沟通的时候会一愣一愣的，因为他们说的你听不懂。学习的时候要有针对性，比如公司产品都是采用JAVA开发的，那就去了解一下JAVA相关的基础知识，数据都都是采用MYSQL的，那就去简单了解一下这个数据库相关的知识，我们的目标是能听懂开发人员说的话，以免陷于被动。如果让开发人员发现他说了半天，你都没有听明白，如果要他讲第二遍或者一一解释一下，估计首先会有点不耐烦，其次会有点嫌弃你了，呵呵。

从我目前的经验来看，以下这些技术点是产品经理应该掌握的，这里不说“必须掌握”，确实是因为有例外存在。

SQL的读和写

在大数据时代，产品经理几乎天天都要和数据打交道，数据的来源有很多，但大部分肯定都是存储在数据库里面的，这时要做分析数据的话，数据分析能力是体现在拿到数据之后的，前提是你要拿到数据，这时就和SQL有关系了。

大公司数据仓库建设比较完备，有较为完善的数据管理系统，且有专门的数据维护人员，俗称BI或者DA，即做商业智能和数据处理加工的。在这种条件比较优越的公司，常规的取数需求都可以提交给这些专业人士处理，如日常的分析报表、项目开展所需要的基础数据等，只要说明清楚取数逻辑和所需要的字段就可以了。但平时的一些产品分析所需数据的获取，以及一些指标考核项的数据就需要你自己动手了。好一点的情况下，你可以央求BI给你写一个SQL语句出来，然后根据需要你自己改改；次一点的情况下，BI会将一些表结构说明给到你，然后你自己去组织表关联取数；最差的情况就是啥都没有，你自己去取数系统里面摸索着取数。而在小公司，产品经理可以让开发人员帮你取数，但你要是频繁需要取数的，我想你也不好意思老开口，毕竟会影响开发人员的本职工作。自己动手丰衣足食，而且因为小公司数据系统建设不完善，最好的情况就是上面说的第二种，有表结构说明给你参考。

上面这些场景就要求产品经理需要懂SQL语言。这里首先是要能看懂SQL，比方说你是求别人帮你取数的，但看了数据总感觉不对，这时你就需要去看看人家写的SQL对不对，毕竟你自己才最清楚取数需求是什么。看懂了发现有错误的地方，还要会改，特别是别人给你一段有相似取数功能的SQL语句时，要能手动改改之后适合你自己的取数需求。其次是要知道怎么写SQL，这就要求产品经理懂得SQL语言的语法和一些常用的函数，比如日期函数、格式转换函数、数学函数、字符串函数等等，最常见和最基本的都要掌握和灵活运用。

个人强烈建议产品经理同行们都学习一下SQL，这样在日常工作当中会方便很多。需要注意的是，SQL语言有T-SQL（Transact-SQL）和PL/SQL（Procedural Language/SQL）两种，需要根据不同的数据库类型，有针对性的去学习。比如说产品采用的是SQLServer数据库，那就需要学习T-SQL；如果采用的是Oracle或者Mysql数据库，就需要学习PL/SQL，两种语言在语法上差别比较大，大部分情况下都不能混用。另外Oracle和Mysql数据库在应用PL/SQL的时候，会有一些函数有使用上的差异，需要注意一下。有人会说现在还有一些非关系型数据库，如MangoDB之类的，这种数据库基本不支持SQL语言去查询，而且里面存储的都是非关系型的数据，也不需要查询出来做分析。

UML和E-R图

早些年，产品经理这个名词还没有流行的时候，做类似行当的人一般称为“需求分析师”，传统的软件需求分析师的一项必备技能就是用UML画用例图，当然这个现在也适用，用例图对于说明需求来说，作用还是很明显的，至少开发能看的比较明白。现在随着思维导图和原型的星期，用例图逐渐的有点被淘汰的意思，但很多开发人员还是会用UML来画系统设计图，如活动图、状态图、协作图等，产品经理需要了解一下这些，以便能在设计评审上看懂这些图。

E-R图也称实体-联系图(Entity Relationship Diagram)，提供了表示实体类型、属性和联系的方法，在数据表关系设计上应用比较多。一个产品的数据存储，肯定不会只有一张数据表，而是由多张数据表通过关系关联起来的，相互之间的这种关系就可以用E-R图来表示，可以从中看出各表之间关联的主键和外键分别是什么，哪些字段值唯一等。

UML图和E-R图在系统设计当中经常出现，产品经理要能看懂其所表达的意思。你和开发人员讲需求设计的时候需要面面俱到，每个细节都会讲到，但开发人员跟你讲系统设计的时候，可是能简则简，你看不懂是你的事情，他们可是按这个开发的。

移动端的设计规范

这里包含产品设计规范和编码规范，无论是Android还是IOS都有自己特定的规范，移动端的产品经理在设计产品的时候就需要先了解清楚这些规范的内容，和一些技术实现的方式。移动端的技术实现相对比较可控和有限，多了解一些技术有助于进行有效的产品设计。盲目的设计要么实现不了，要么最终无法通过审核，是不可取的。移动端的一些特效也需要清楚，如拖拽、滑动、下拉、手势等，产品经理如果不了解这些，都设计不出操作体验很好的产品来。另外诸如不能获取用户的某些敏感数据等注意事项，都需要在产品设计时就考虑到。这块具体的还是要看场景来决定。

基础的技术名词

如前面最开头所提到的那些，如缓存、Cookie、Ajax、中间件、数据库等等名词，需要去了解一下其所表示的意思，开发人员在沟通的时候会经常提到这些，如果你听不懂，就会比较杯具。另外掌握如缓存、Cookie的使用，还可以在产品后端逻辑中添加一些功能，比如让Cookie记录用户填写的用户名，下次再来登录时不要重复输入；用缓存记录用户的登录验证信息，在一段时间内不需要用户重新登录等等。

还有就是要区分学习一下产品实现的开发语言，比如Java、PHP、.Net等，了解一些基本的知识点，如部署方式，运行载体等，比如常说的LAMP是指Linux+Apache+Mysql+PHP的组合；了解一些脚本语言，如JS脚本、CSS等。这里需要提一下的是，产品经理最好懂HTML，注意不是HTML5，当然要是懂H5就更好了，HTML是最基本的网页脚本语言，有时候看不懂某个页面的逻辑时，可以点击右键属性—“查看网页源代码”来看一看。

上面所提到的这些是个人觉得比较基础也比较容易掌握的技术点，特别是SQL，强烈建议产品经理们都学习一下。不过这是一个持续学习的过程，只要你不转行，学习了之后会一直受益。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com