在 JavaScript 中,NaN 是一个特殊的数值,表示非数字(Not-a-Number)。它是一个全局属性,通常作为一个无效或未定义的数值结果出现。...例如,以下情况会产生 NaN: 将非数字字符串转换为数字:parseInt("hello") 或 Number("abc") 0 除以 0 或任何产生无穷大的操作:0/0 或 Infinity - Infinity...对非数字值进行数学运算:NaN + 5 或 Math.sqrt(-1) NaN 具有一些特殊的行为: 任何与 NaN 进行数学运算的结果仍然是 NaN。...console.log(isNaN("hello")); // 输出: true console.log(isNaN(123)); // 输出: false NaN 是一个特殊的数值
在JavaScript中,Hoisting(变量提升)是指在代码执行之前,JavaScript引擎将变量和函数的声明提升到当前作用域的顶部的行为。...具体来说,JavaScript引擎在执行代码之前会进行两个步骤:编译阶段和执行阶段。在编译阶段,JavaScript引擎会将变量声明和函数声明提升到当前作用域的顶部。...变量提升的过程包括两种情况: 1:变量声明提升:JavaScript中使用var关键字声明的变量会被提升到其所在作用域的顶部。这意味着可以在变量声明之前使用变量,并且变量的值会是undefined。...// 输出 undefined var x = 10; 上述代码在执行时会被解释为以下形式: var x; console.log(x); // 输出 undefined x = 10; 在这个例子中,...变量 x 被提升到范围的顶部,但它的赋值 10 没有,所以当我们尝试记录 x 的值时,它返回 undefined。
提示: 可能跟同学们理解的不太一样。 ? 刚开始接触JavaScript时,大家可能都碰到过后置声明这个词。学习这个词的定义之前,让我们先看一个例子。...在这个例子中, 我们看到的是 'moo'这个字符串。 cowSays('moo'); // moo 但如果这个函数没有声明就调用呢?...实际上是程序在编译阶段把你的函数声明和变量声明加到了内存中去。 在上面的例子中,程序编译阶段我们的函数声明已经加到内存中去了,所以即使源代码还没有运行到我们输入的声明语句,仍然可以调用这个函数。...因为JavaScript只会把后置的声明提前,而初始化不会提前。 比如说 vara=3;这个语句同时声明并初始化了一个变量,那只有 vara;这个声明的部分会被提前。...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全
对象是 JavaScript 中基础的构成模块,JavaScript 中一切皆可表示为对象。 对象是键值对的形式,key 是对 value 的引用。...对象是用一个 **{}**表示的。在中括号内,左边是 key (不需要使用引号)冒号右边是 value 。 注意:时刻记住对象中 key 的顺序没关系,无法保证对象中的 key 顺序。...如何获取对象中的值? 为了获取对象里的值,你需要引用 key 来寻找。...console.log(person["my name"]); // 如何为对象中的 key 赋值? 就像给变量赋值一样,你可以给对象中的 key 赋值任何类型的值。...字符串中的中横线,例如:"last-Name" 3. 字符串中的空格,例如:"middle name" 4. 字符串中的数值,例如:"007" 对象如何删除一个属性?
在 JavaScript 中,"作用域"(Scope)是定义变量、函数和对象可访问性的规则集合。它确定在代码中的哪些部分可以访问或引用特定的变量、函数或对象。...JavaScript 中有两种主要类型的作用域: 1:全局作用域(Global Scope):全局作用域是在代码中没有包裹在任何函数内部的部分。在全局作用域中声明的变量可以在代码中的任何位置访问。...全局作用域中声明的变量和函数在整个应用程序中都是可见的。...在局部作用域中声明的变量只能在函数内部访问。这意味着在函数外部是无法访问这些变量的。...当在某个作用域中查找变量时,如果当前作用域没有该变量,JavaScript 引擎会继续向上查找,直到找到该变量或达到全局作用域。这个变量查找的路径就是作用域链。
在 JavaScript 中,负无穷大表示为 -Infinity。它是一个特殊的数值,用于表示比任何实数都要小的值。...负无穷大用于表示超出数值范围的情况,例如在进行数学计算时发生了溢出或出现了无法表示的结果。它可以通过将负无穷大赋值给变量或通过某些数学运算得到。...以下是一些使用负无穷大的示例: const negativeInfinity = -Infinity; console.log(negativeInfinity); // 输出:...negativeInfinity * 10); // 输出: -Infinity console.log(1 / negativeInfinity); // 输出: -0 注意负无穷大是有限浮点数范围的一部分...,它与正无穷大(Infinity)和 NaN(非数字)一起构成了 JavaScript 中的特殊数值。
image.png 即使是短暂接触JavaScript的初学者,想必也一定听说过“闭包”。本文将介绍有关闭包的全部内容,但文中并不会经常出现这个词。...image.png “执行线程”从第1行开始,找到关键字function 创建名为“greeting”的标签,在Global Memory中存储全部函数 “执行线程”跳过函数中的代码,移至下一行 在此情况下...的message标签内 同样,第3行的“greeting”函数也存储在Execution Context的local memory中 下一行中出现了“return”。...Execution context被破坏了,它的Local Memory也是如此。因此该函数从“调用栈”中弹出。 接下来是一个有趣的环节。大家觉得输出结果会是什么呢????...去[[scope]]里面找 JavaScript的这一功能就叫“闭包” 确实没什么特别的!它只是一个从高阶函数返回的函数,可以存储那些存在于其词法范围内的变量和对象。 好的各位,就介绍这么多。
=、== 和 === 是在编程中用于比较和赋值的操作符,它们有不同的含义和用途。 1、=:赋值操作符,用于将右侧的值赋给左侧的变量。 var x = 5; 上述代码将数字 5 赋值给变量 x。...console.log(5 == "5"); // 输出: true 上述代码中,5 和 "5" 在使用 == 进行比较时会被转换为相同的类型,然后判断它们的值是否相等。...console.log(5 === "5"); // 输出: false 上述代码中,5 和 "5" 在使用 === 进行比较时,它们的类型不同,因此返回 false。...总结: = 是赋值操作符,用于将右侧的值赋给左侧的变量。 == 是相等比较操作符,它会进行类型转换后比较值是否相等。...在一般情况下,推荐使用 === 进行比较,因为它可以避免一些隐式类型转换的问题,提高代码的可读性和准确性。
一、prototype 是什么? prototype 是每个函数(不包括箭头函数)都默认具有的属性,默认值为:指向函数本身的 constructor 对象。...Rabbit(); // 输出结果:true alert(rabbit.constructor == Rabbit); --- 2、错误修改 prototype 对 prototype 不正确的修改...,会导致 constructor 的改变。...constructor默认指向函数本身,上面和下面都是调用函数Rabbit创建对象 let rabbit2 = new rabbit.constructor("Black Rabbit"); --- 二、参考链接 JavaScript...的prototype是什么?
一、Symbol 是什么? Symbol 是 ECMAScript 2015 中新添加的特性,生成一个唯一标识符,可用于属性名称、也可用于属性值。目的是消除属性名称冲突。 --- 二、怎么用?...,保证其属性名的唯一性。... --- 3、用于定义常量 用 symbol 替换 无意义的字符串。 --- 三、其他 1、获取属性名称 获取属性名称的方式,包括 symbol属性名称。 --- 四、参考文档 JavaScript的Symbol是什么?
展开运算符(Spread Operator)是 JavaScript 中的一种语法,用于将可迭代对象(如数组或字符串)展开为独立的元素。它使用三个连续的点号(...)作为操作符。...下面是一些展开运算符的用法示例: 1:展开数组: 使用展开运算符可以将一个数组展开为独立的元素。...copiedArray = [...originalArray]; console.log(copiedArray); // 输出: [1, 2, 3] 4:展开对象: 展开运算符还可以用于展开对象字面量中的属性....obj1, c: 3 }; console.log(obj2); // 输出: { a: 1, b: 2, c: 3 } 5:函数调用: 在函数调用时,展开运算符可以将一个数组作为参数展开为独立的参数...const numbers = [1, 2, 3]; const result = sum(...numbers); console.log(result); // 输出: 6 展开运算符提供了一种方便的方式来处理数组
今天读了Professional Javascript for Web Developers,才知道javascript天生就具备类似c#中的"委托"功能 <script type="text/<em>javascript</em>...arguments.length;i++){ iResult += arguments[i]; } return iResult; } //功能与上面的相同,只不过利用<em>的</em>Function...arguments.length;i++){iResult += arguments[i];}return iResult;"); //注意写法,这里直接把函数fnAdd2当作参数传入fnAddDelegate,是不是跟c#...中的委托有点类似 function fnAddDelegate(fnAdd2,iNum1,iNum2){ return fnAdd2(iNum1,iNum2) } document.write
和 Java 中相同的是: 全局变量和局部变量即使名称相同,也是不同的变量,修改其中一个不会影响另一个。 注意,不使用关键字 var,直接创建的变量,永远是全局变量,哪怕它是在函数中创建的!...JavaScript 的内部函数可以解决这个问题。...JavaScript 的嵌套函数 在 JavaScript 中,所有的函数都可以访问全局变量,除此外,它们还可以访问 “上一级函数” 中声明的变量(类似 Java 内部类)。...JavaScript 的闭包 还记得自调用函数 IIFE (Immediately Invoked Function Expression)吗?它做了什么?...闭包就是一个函数即使在父函数关闭之后,也可以访问父函数中的变量。
变幻莫测的 this 在JavaScript中,this的指向变幻莫测。...如果函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一级的对象。...总结:this永远指向的是最后调用它的对象,也就是看它执行的时候是谁调用的 严格模式 在严格模式中,this的指向稍有不同 'use strict'; var name = 'window'; var...此时仅仅只是创建,并没有执行,而调用这个函数Fn的是对象a,那么this指向的自然是对象a。 this 与 return 如果 new 出来的对象中return一个新对象的时候,情况会有所不同。...this.name = 'Leo'; return function(){}; } var a = new Fn; console.log(a.name); //undefined JavaScript
content {:toc} 本文为慕课网 JavaScript深入浅出 JavaScript 中的 this笔记。...全局的 this 全局 this 一般指向全局对象,浏览器中的全局对象就是 window。...} console.log(f1() === undefined);//true 严格模式中,函数的 this 为 undefined 作为对象方法的函数的 this var o = { prop...这样这个方法中的 this 同样也指向这个对象 o。...MyClass() 的时候,MyClass()中的 this 会指向一个空对象,这个对象的原型会指向 MyClass.prototype。
1 什么是构造函数模式 构造函数用于创建特定类型的对象一不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。...你可以自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概,但是有特殊的构造函数。...,必须使用new操作符,new 关键字会进行如下的操作: 1 创建一个空的简单JavaScript对象(即{});//var o = new Object(); 2 将这个构造函数的作用域赋给新对象(因此...__proto__ = Person.prototype; 3 将步骤1新创建的对象作为this的上下文 ;//Person.call(o); 3 执行构造函数中的代码(为这个新对象添加属性); 4...如果该函数没有返回对象,则返回this(新对象); 在前面例子中,xiaoMing和xiaoZhang分别保存着Person的不同实例。
首先,看到我们的标题: JavaScript中的钩子(钩子机制钩子函数hook) 是什么? 我们前端的JavaScript中,经常提到钩子,毋庸置疑,那这个东西肯定也尤为重要。...但是有点前端入门不久,很疑惑,这个钩子到底是什么呢? 首先,我们的钩子,钩子机制,钩子函数,hook,都是同一个概念。 钩子(HOOK)?...hook(钩子)是一种特殊的消息处理机制,它可以监视系统或者进程中的各种事件消息,截获发往目标窗口的消息并进行处理。...用来监视系统中特定事件的发生,完成特定功能,如屏幕取词,监视日志,截获键盘、鼠标输入等等。...概念:作为参数传给另一个 JavaScript 函数的函数。 回调函数确保一段代码执行完毕之后再执行另一段代码的方式。
在这篇文章里,我会深入地探讨 JavaScript 中最基本概念之一,那就是执行上下文。...当 JavaScript 代码在运行的时候, 它所在的执行环境是非常重要的, 通常认为是以下其中之一: Global code – 默认环境,你的代码首次执行的地方。...执行上下文栈(Execution Context Stack) 在浏览器中的 JavaScript 解释器是单线程的。...扫描上下文中的函数声明: 对于每个被发现的函数, 在 变量对象 中创建一个和函数名同名的属性,这是函数在内存中的引用。 如果函数名已经存在, 引用值将会被覆盖。...你认为了解JS 解释器的内部工作原理太过多余了还是对你的 JavaScript 知识非常有帮助 ? 了解执行上下文的阶段能帮助你书写更好的 JavaScript 代码吗 ?
最初,Javascript 没有导入/导出模块的方法, 这是让人头疼的问题。想象一下,只用一个文件编写应用程序——这简直是噩梦! 然后,很多比我聪明得多的人试图给 Javascript 添加模块化。...这是因为 Node 就是使用 `CJS` 模块[3]的 CJS 是同步导入模块 你可以从 node_modules 中引入一个库或者从本地目录引入一个文件 。.../some/local/file.js') 或者 var React = require('react'); ,都可以起作用 当 CJS 导入时,它会给你一个导入对象的副本 CJS 不能在浏览器中工作。...这是 Javascript 提出的实现一个标准模块系统的方案。...Rollup 这样的打包器,删除不必要的代码[9],减少代码包可以获得更快的加载 可以在 HTML 中调用,只要如下 import {func1} from
一、闭包是什么? 闭包(closure)就是通过嵌套函数的方式,缓存嵌套函数及其执行环境,等待下一次调用。直观的说就是形成一个不销毁的栈环境。这样可以保护变量和方法,使其私有化。...,也就是x的值和嵌套函数被缓存在add5 var add5 = makeAdder(5); // 调用执行闭包,输出结果:7 console.log(add5(2)); --- 3、数据封装与隐藏 JavaScript...中没有Java中private关键字,但可以用闭包来实现,做到对数据的隐藏和封装。...当创建新的对象时,应该在 prototype 中定义方法,而不是对象构造器。因为每一次创建对象,都要重新赋值构造器中的方法。...的闭包(closure)是什么?
领取专属 10元无门槛券
手把手带您无忧上云