搜索
首页web前端js教程关于 Javascript 中级的一切

All About Javascript For Intermediate

什么是 javascript:
javascript 是一种开源编程语言。这有助于创建动态网页。它也是浏览器语言。
它可以在客户端(在浏览器中)和服务器端(使用 Node.js 等环境)上运行。
JavaScript 支持事件驱动、非阻塞和异步编程,这对于同时处理多个任务至关重要。

变量:
变量是存储数据的容器
变量类型

  • var
  • 常量

运算符
Javascript 运算符用于执行不同类型的数学和逻辑计算。
运算符的类型

  • 算术 = ,-,/,%,*
  • 比较
  • 逻辑

数据类型
定义变量的类型

原始数据类型=按值存储值

  • 字符串
  • 数字
  • Bigint
  • 布尔值
  • 未定义 = 我们声明变量,值未定义。数据类型未定义
  • Null = 这是一个赋值,我们显式将该值设置为 null。数据类型是对象
  • 符号

非预设数据类型 = 通过引用(地址)存储值

  • Object = 内置对象类型可以是:对象、数组、日期、映射、集合、intarrays、floatarrays、promise
  • 示例:
  • null == undefined 为 true,但 null === undefined 为 false。

JavaScript 中的导出和默认导出之间的主要区别?
是导出默认值用于从模块导出单个值,
而带有命名导出的导出用于导出多个值

原始数据类型和非原始数据类型之间的主要区别?

  • 基本类型是预定义的,而非基本类型是由程序员创建的。
  • 原始和非原始数据结构,允许您仅存储单个数据类型值和存储多个数据类型值。 原始数据类型直接存储在内存中,而非原始数据类型则作为对其值的引用存储在内存中。
  • 原始数据类型按值传递,非原始数据类型按引用传递。
  • 原始数据类型是不可变的,这意味着它们的值一旦分配就不能更改。非原始数据类型是可变的并且可以修改。
  • 数字、字符串和布尔值是原始数据类型的示例,而对象、数组和函数是非原始数据类型的示例。

函数:
JavaScript 函数是设计用于执行特定任务的代码块。

javascript 是静态类型语言还是动态类型语言?
JavaScript 是一种动态类型语言。在动态类型语言中,
与静态类型语言相比,在运行时检查变量的类型,
在编译时检查变量的类型。

解释按值传递和按引用传递?
在 JavaScript 中,原始数据类型通过值传递,非原始数据类型通过引用传递。
原始数据类型 = 字符串、数字、布尔值、null、未定义
非原始数据类型 = 对象、数组

javascript中的严格模式是什么意思以及javascript严格模式的特点?
允许您在严格的运行环境中编写代码或函数。
结果,调试变得更加简单。

JavaScript 中的工厂函数是什么? ​​
如果我们有复杂的逻辑,并且我们必须一次又一次地创建多个具有相同逻辑的对象,
我们可以在函数中编写一次逻辑,然后使用该函数作为工厂来创建我们的对象。
就和现实世界的工厂生产产品一样。
工厂函数是返回对象的函数。

高阶函数:
函数接受其他函数作为参数或返回该函数。
map、filter和reduce函数都是HOF的例子。
高阶函数对于事件处理、数据转换(例如映射和过滤器)以及创建函数工厂或装饰器等任务非常有用。

关闭:
当一个函数在另一个函数中定义时,就会创建闭包,
并且内部函数保留对外部函数作用域中的变量和方法的访问
闭包提供了一种将数据封装在函数中的方法,允许对数据进行受控访问,同时保持数据对外部范围隐藏。

回调:
用作另一个函数的参数的函数称为回调函数。
回调是一个函数,它将在另一个函数执行后执行。
当我们想要执行异步操作时回调函数的用例。

map() 与 forEach()
地图()=>迭代数组的每个元素并对每个元素应用转换函数。
不修改原数组;它使用转换后的元素创建一个新数组。
forEach()=>迭代数组的每个元素并为每个元素执行提供的回调函数。
不创建新数组或修改现有数组;它只执行回调函数。

map()、filter()、reduce()
map()它将返回新数组
filter() 与map() 类似,它也返回新数组,但如果条件为真。当我们想要应用条件时使用。
reduce() 它将从数组返回单个值。

此关键字:
this 关键字的值始终取决于调用该函数的对象。

柯里化:
将具有 n 个参数的函数转换为 n 个函数。
启用部分应用程序的用例(当您有一个接受多个参数的函数,但您只想修复其中一些参数,同时保留其他参数以供以后使用时),
代码的重用。
例如

function add (a) {
  return function(b){
    return a + b;
  }
}
add(3)(4)

普通函数与箭头函数?
正常功能:
this 指的是调用该函数的对象
可以用作构造函数
函数声明被提升(允许托管)
箭头函数:
没有自己的这个
不能用作构造函数
函数声明不被提升(不允许托管) // myfunc 不是函数

正常和三元条件?
三元条件存储没有此上下文的引用。

javascript中的exec()和test()方法有什么区别?
test() 和 exec() 是 javascript 中使用的正则表达式方法。

使用外部 JavaScript 的一些优点?
我们可以重用该代码。
外部 javascript 代码可读性简单(代码模块化)

原型:
JavaScript 原型属性还允许您向对象构造函数添加新属性和方法。
用于测试的用例

记忆:
记忆化是一种缓存形式,其中函数的返回值根据其参数进行缓存。
如果该函数的参数未更改,则返回该函数的缓存版本。

DOM:
DOM 代表文档对象模型。 DOM 是 HTML 的编程接口。
当浏览器尝试渲染 HTML 文档时,它会创建一个 DOM
使用这个 DOM,我们可以操作或更改 HTML 文档中的各种元素。

物料清单:
浏览器对象模型称为 BOM。它允许用户与浏览器交互。
浏览器的初始对象是窗口。

承诺:
Promise 用于处理 JavaScript 中的异步操作。在 Promise 之前,回调用于处理异步操作。
Promise 对象有四种状态 -
待定 - 承诺的初始状态。
Fulfilled-这个状态代表承诺已经兑现了,。
Rejected- 此状态代表 Promise 已被拒绝。
已解决 - 此状态表示承诺已被拒绝或已履行。

异步/等待:
它建立在 Promise 之上,它提供了更简洁的方式来编写异步代码,使其更易于阅读和编写。
async 关键字用于声明同步函数,await 用于等待 Promise 得到解决。

表达与结构
=>express 是返回一些值
例如

function add (a) {
  return function(b){
    return a + b;
  }
}
add(3)(4)

5 和 myfun() 返回一些值是一个表达式
指令和命令操作的语句,但不返回值
例如 if,else, while 这些都是语句
while(i

剩余参数和展开运算符:
剩余参数它将单独的元素组合成一个数组
扩展运算符用于将数组分成单个元素

生成器函数?
可以中途停下来,然后从停下的地方继续。
生成器对象包含一个名为 next() 的方法,该方法被调用时,会执行代码直到最近的yield 语句,并返回yield 值。

调用()、应用()和绑定():
所有这些都是用来给这个关键字分配对象(给这个关键字赋值)
当我们想要使用所需对象操作函数的 this 关键字时的用例
bind() 方法 创建一个新函数,在调用时,将其 this 关键字设置为提供的值(例如对象)。它创建一个新对象。
call() 和 apply() 具有完全相同的目的。 call() 方法不会复制正在调用的函数。
它们工作方式之间的唯一区别是 call() 期望所有参数单独传入,
而 apply() 需要一个包含所有参数的数组。

IIFE:
立即调用函数,该函数一旦定义就运行。
例如

const x=5;
const y=myfun();

纯函数:
对于相同的输入产生相同的输出。当表达式的操作数具有不同数据类型时,就会发生这种情况。
不修改外部状态或变量的函数

javascript 是静态类型语言还是动态类型语言?
在动态类型语言中,与静态类型语言相反,在运行时检查变量的类型,
在编译时检查变量的类型。
例如
静态类型

(function(){ 
  // Do something;
})();

动态类型

string name="salman"; 
// varaible has types

酷尔币:
将值从一种数据类型自动转换为另一种数据类型。
字符串强制转换
将数字转换为字符串
- 将字符串转换为数字

NaN():
isNaN() 函数将给定值转换为 Number 类型,然后等于 NaN。

ASP 脚本与 javascript ?
ASP 脚本运行在服务器上,而 JavaScript 运行在客户端浏览器上。
ASP 脚本是一种服务器端语言,用于处理复杂的任务,例如数据库查询、表单提交和用户身份验证。
而 JavaScript 是一种客户端语言,用于在网页上创建交互元素,例如动画、弹出窗口和表单验证。

未定义值:
值未定义,但存在变量
对象中缺少属性

eslint:
它有助于调试和修复 javascript 代码中的常见漏洞

想了解更多关于我的信息,只需在搜索引擎上写sallbro...

以上是关于 Javascript 中级的一切的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
在JavaScript中替换字符串字符在JavaScript中替换字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

jQuery检查日期是否有效jQuery检查日期是否有效Mar 01, 2025 am 08:51 AM

简单JavaScript函数用于检查日期是否有效。 function isValidDate(s) { var bits = s.split('/'); var d = new Date(bits[2] '/' bits[1] '/' bits[0]); return !!(d && (d.getMonth() 1) == bits[1] && d.getDate() == Number(bits[0])); } //测试 var

jQuery获取元素填充/保证金jQuery获取元素填充/保证金Mar 01, 2025 am 08:53 AM

本文探讨如何使用 jQuery 获取和设置 DOM 元素的内边距和外边距值,特别是元素外边距和内边距的具体位置。虽然可以使用 CSS 设置元素的内边距和外边距,但获取准确的值可能会比较棘手。 // 设置 $("div.header").css("margin","10px"); $("div.header").css("padding","10px"); 你可能会认为这段代码很

10个jQuery手风琴选项卡10个jQuery手风琴选项卡Mar 01, 2025 am 01:34 AM

本文探讨了十个特殊的jQuery选项卡和手风琴。 选项卡和手风琴之间的关键区别在于其内容面板的显示和隐藏方式。让我们深入研究这十个示例。 相关文章:10个jQuery选项卡插件

10值得检查jQuery插件10值得检查jQuery插件Mar 01, 2025 am 01:29 AM

发现十个杰出的jQuery插件,以提升您的网站的活力和视觉吸引力!这个精选的收藏品提供了不同的功能,从图像动画到交互式画廊。让我们探索这些强大的工具: 相关文章: 1

HTTP与节点和HTTP-Console调试HTTP与节点和HTTP-Console调试Mar 01, 2025 am 01:37 AM

HTTP-Console是一个节点模块,可为您提供用于执行HTTP命令的命令行接口。不管您是否针对Web服务器,Web Serv

自定义Google搜索API设置教程自定义Google搜索API设置教程Mar 04, 2025 am 01:06 AM

本教程向您展示了如何将自定义的Google搜索API集成到您的博客或网站中,提供了比标准WordPress主题搜索功能更精致的搜索体验。 令人惊讶的是简单!您将能够将搜索限制为Y

jQuery添加卷轴到DivjQuery添加卷轴到DivMar 01, 2025 am 01:30 AM

当div内容超出容器元素区域时,以下jQuery代码片段可用于添加滚动条。 (无演示,请直接复制到Firebug中) //D = document //W = window //$ = jQuery var contentArea = $(this), wintop = contentArea.scrollTop(), docheight = $(D).height(), winheight = $(W).height(), divheight = $('#c

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。