undefined是什么意思-亚博电竞官方网址

王尘宇 2023-07-01 23:03:42 59 0

作者｜fullstack.cafe

出处｜前端之巅

根据 stack overflow 的 2018 年度调查，javascript 连续六年成为最常用的编程语言。所以我们必须面对这样的现实，javascript 已经成为全栈开发技能的基石，在全栈开发面试中都会不可避免地涉及到与 javascript 有关的问题。fullstack.cafe 汇编了最常见的 javascript 面试问题和答案，希望能够帮助读者找到下一份梦想中的工作。

q1：javascript 中的强制转型（coercion）是指什么？

难度：0

在 javascript 中，两种不同的内置类型间的转换被称为强制转型。强制转型在 javascript 中有两种形式：显式和隐式。

这是一个显式强制转型的例子：

var a = "42";var b = number( a );a; // "42"b; // 42 -- 是个数字!

这是一个隐式强制转型的例子：

var a = "42";var b = a * 1; // "42" 隐式转型成 42 a; // "42"b; // 42 -- 是个数字!

q2：javascript 中的作用域（scope）是指什么？

难度：⭐

在 javascript 中，每个函数都有自己的作用域。作用域基本上是变量以及如何通过名称访问这些变量的规则的集合。只有函数中的代码才能访问函数作用域内的变量。

同一个作用域中的变量名必须是唯一的。一个作用域可以嵌套在另一个作用域内。如果一个作用域嵌套在另一个作用域内，最内部作用域内的代码可以访问另一个作用域的变量。

q3：解释 javascript 中的相等性。

难度：⭐

javascript 中有严格比较和类型转换比较：

严格比较（例如 ===）在不允许强制转型的情况下检查两个值是否相等；
抽象比较（例如 ==）在允许强制转型的情况下检查两个值是否相等。

var a = "42";var b = 42;a == b; // truea === b; // false

一些简单的规则：

如果被比较的任何一个值可能是 true 或 false，要用 ===，而不是 ==；
如果被比较的任何一个值是这些特定值（0、“”或 []），要用 ===，而不是 ==；
在其他情况下，可以安全地使用 ==。它不仅安全，而且在很多情况下，它可以简化代码，并且提升代码可读性。

q4：解释什么是回调函数，并提供一个简单的例子。

难度：⭐⭐

回调函数是可以作为参数传递给另一个函数的函数，并在某些操作完成后执行。下面是一个简单的回调函数示例，这个函数在某些操作完成后打印消息到控制台。

function modifyarray(arr, callback) { // 对 arr 做一些操作 arr.push(100); // 执行传进来的 callback 函数 callback();}var arr = [1, 2, 3, 4, 5];modifyarray(arr, function() { console.log("array has been modified", arr);});

q5：“use strict”的作用是什么？

难度：⭐⭐

use strict 出现在 javascript 代码的顶部或函数的顶部，可以帮助你写出更安全的 javascript 代码。如果你错误地创建了全局变量，它会通过抛出错误的方式来警告你。例如，以下程序将抛出错误：

function dosomething(val) { "use strict"; x = val 10;}

它会抛出一个错误，因为 x 没有被定义，并使用了全局作用域中的某个值对其进行赋值，而 use strict 不允许这样做。下面的小改动修复了这个错误：

function dosomething(val) { "use strict"; var x = val 10;}

q6：解释 javascript 中的 null 和 undefined。

难度：⭐⭐

javascript 中有两种底层类型：null 和 undefined。它们代表了不同的含义：

尚未初始化的东西：undefined；
目前不可用的东西：null。

q7：编写一个可以执行如下操作的函数。

难度：⭐⭐

var addsix = createbase(6);addsix(10); // 返回 16addsix(21); // 返回 27

可以创建一个闭包来存放传递给函数 createbase 的值。被返回的内部函数是在外部函数中创建的，内部函数就成了一个闭包，它可以访问外部函数中的变量，在本例中是变量 basenumber。

function createbase(basenumber) { return function(n) { // 我们在这里访问 basenumber，即使它是在这个函数之外声明的。 // javascript 中的闭包允许我们这么做。 return basenumber n; }}var addsix = createbase(6);addsix(10);addsix(21);

q8：解释 javascript 中的值和类型。

难度：⭐⭐

javascript 有类型值，但没有类型变量。javascript 提供了以下几种内置类型：

string
number
boolean
null 和 undefined
object
symbol (es6 中新增的)

q9：解释事件冒泡以及如何阻止它？

难度：⭐⭐

事件冒泡是指嵌套最深的元素触发一个事件，然后这个事件顺着嵌套顺序在父元素上触发。

防止事件冒泡的一种方法是使用 event.cancelbubble 或 event.stoppropagation()（低于 ie 9）。

q10：javascript 中的 let 关键字有什么用？

难度：⭐⭐

除了可以在函数级别声明变量之外，es6 还允许你使用 let 关键字在代码块（{..}）中声明变量。

q11：如何检查一个数字是否为整数？

难度：⭐⭐

检查一个数字是小数还是整数，可以使用一种非常简单的方法，就是将它对 1 进行取模，看看是否有余数。

function isint(num) { return num % 1 === 0;}console.log(isint(4)); // trueconsole.log(isint(12.2)); // falseconsole.log(isint(0.3)); // false

q12：什么是 iife（立即调用函数表达式）？

难度：⭐⭐⭐

它是立即调用函数表达式（immediately-invoked function expression），简称 iife。函数被创建后立即被执行：

(function iife(){ console.log( "hello!" );})();// "hello!"

在避免污染全局命名空间时经常使用这种模式，因为 iife（与任何其他正常函数一样）内部的所有变量在其作用域之外都是不可见的。

q13：如何在 javascript 中比较两个对象？

难度：⭐⭐⭐

对于两个非原始值，比如两个对象（包括函数和数组），== 和 === 比较都只是检查它们的引用是否匹配，并不会检查实际引用的内容。

例如，默认情况下，数组将被强制转型成字符串，并使用逗号将数组的所有元素连接起来。所以，两个具有相同内容的数组进行 == 比较时不会相等：

var a = [1,2,3];var b = [1,2,3];var c = "1,2,3";a == c; // trueb == c; // truea == b; // false

对于对象的深度比较，可以使用 deep-equal 这个库，或者自己实现递归比较算法。

q14：你能解释一下 es5 和 es6 之间的区别吗？

难度：⭐⭐⭐

ecmascript 5（es5）：ecmascript 的第 5 版，于 2009 年标准化。这个标准已在所有现代浏览器中完全实现。
ecmascript 6（es6）或 ecmascript 2015（es2015）：第 6 版 ecmascript，于 2015 年标准化。这个标准已在大多数现代浏览器中部分实现。

以下是 es5 和 es6 之间的一些主要区别：

箭头函数和字符串插值：

const greetings = (name) => { return `hello ${name}`;}const greetings = name => `hello ${name}`;

常量

常量在很多方面与其他语言中的常量一样，但有一些需要注意的地方。常量表示对值的“固定引用”。因此，在使用常量时，你实际上可以改变变量所引用的对象的属性，但无法改变引用本身。

const names = [];names.push("jim");console.log(names.length === 1); // truenames = ["steve", "john"]; // error

块作用域变量。

新的 es6 关键字 let 允许开发人员声明块级别作用域的变量。let 不像 var 那样可以进行提升。

默认参数值

默认参数允许我们使用默认值初始化函数。如果省略或未定义参数，则使用默认值，也就是说 null 是有效值。

// 基本语法function multiply (a, b = 2) { return a * b;}multiply(5); // 10

类定义和继承

es6 引入了对类（关键字 class）、构造函数（关键字 constructor）和用于继承的 extend 关键字的支持。

for…of 操作符

for…of 语句将创建一个遍历可迭代对象的循环。

用于对象合并的 spread 操作

const obj1 = { a: 1, b: 2 }const obj2 = { a: 2, c: 3, d: 4}const obj3 = {...obj1, ...obj2}

promise

promise 提供了一种机制来处理异步操作结果。你可以使用回调来达到同样的目的，但是 promise 通过方法链接和简洁的错误处理带来了更高的可读性。

const isgreater = (a, b) => {return new promise ((resolve, reject) => { if(a > b) { resolve(true) } else { reject(false) } })}isgreater(1, 2).then(result => { console.log('greater')}).catch(result => { console.log('smaller')})

模块导出和导入

const mymodule = { x: 1, y: () => { console.log('this is es5') }}export default mymodule;import mymodule from './mymodule';

问题 15：解释 javascript 中“undefined”和“not defined”之间的区别。

难度：⭐⭐⭐

在 javascript 中，如果你试图使用一个不存在且尚未声明的变量，javascript 将抛出错误“var name is not defined”，让后脚本将停止运行。但如果你使用 typeof undeclared_variable，它将返回 undefined。

在进一步讨论之前，先让我们理解声明和定义之间的区别。

“var x”表示一个声明，因为你没有定义它的值是什么，你只是声明它的存在。

var x; // 声明 xconsole.log(x); // 输出: undefined

“var x = 1”既是声明又是定义（我们也可以说它是初始化），x 变量的声明和赋值相继发生。在 javascript 中，每个变量声明和函数声明都被带到了当前作用域的顶部，然后进行赋值，这个过程被称为提升（hoisting）。

当我们试图访问一个被声明但未被定义的变量时，会出现 undefined 错误。

var x; // 声明if(typeof x === 'undefined') // 将返回 true

当我们试图引用一个既未声明也未定义的变量时，将会出现 not defined 错误。

console.log(y); // 输出: referenceerror: y is not defined

q16：匿名和命名函数有什么区别？

难度：⭐⭐⭐

var foo = function() { // 赋给变量 foo 的匿名函数 // ..};var x = function bar(){ // 赋给变量 x 的命名函数 bar // ..};foo(); // 实际执行函数x();

q17：javascript 中的“闭包”是什么？举个例子？

难度：⭐⭐⭐⭐

闭包是在另一个函数（称为父函数）中定义的函数，并且可以访问在父函数作用域中声明和定义的变量。

闭包可以访问三个作用域中的变量：

在自己作用域中声明的变量；
在父函数中声明的变量；
在全局作用域中声明的变量。

var globalvar = "abc";// 自调用函数(function outerfunction (outerarg) { // outerfunction 作用域开始 // 在 outerfunction 函数作用域中声明的变量 var outerfuncvar = 'x'; // 闭包自调用函数 (function innerfunction (innerarg) { // innerfunction 作用域开始 // 在 innerfunction 函数作用域中声明的变量 var innerfuncvar = "y"; console.log( "outerarg = " outerarg "n" "outerfuncvar = " outerfuncvar "n" "innerarg = " innerarg "n" "innerfuncvar = " innerfuncvar "n" "globalvar = " globalvar); // innerfunction 作用域结束 })(5); // 将 5 作为参数// outerfunction 作用域结束})(7); // 将 7 作为参数

innerfunction 是在 outerfunction 中定义的闭包，可以访问在 outerfunction 作用域内声明和定义的所有变量。除此之外，闭包还可以访问在全局命名空间中声明的变量。

上述代码的输出将是：

outerarg = 7outerfuncvar = xinnerarg = 5innerfuncvar = yglobalvar = abc

q18：如何在 javascript 中创建私有变量？

难度：⭐⭐⭐⭐

要在 javascript 中创建无法被修改的私有变量，你需要将其创建为函数中的局部变量。即使这个函数被调用，也无法在函数之外访问这个变量。例如：

function func() { var priv = "secret code";}console.log(priv); // throws error

要访问这个变量，需要创建一个返回私有变量的辅助函数。

function func() { var priv = "secret code"; return function() { return priv; }}var getpriv = func();console.log(getpriv()); // => secret code

q19：请解释原型设计模式。

难度：⭐⭐⭐⭐

原型模式可用于创建新对象，但它创建的不是非初始化的对象，而是使用原型对象（或样本对象）的值进行初始化的对象。原型模式也称为属性模式。

原型模式在初始化业务对象时非常有用，业务对象的值与数据库中的默认值相匹配。原型对象中的默认值被复制到新创建的业务对象中。

经典的编程语言很少使用原型模式，但作为原型语言的 javascript 在构造新对象及其原型时使用了这个模式。

q20：判断一个给定的字符串是否是同构的。

难度：⭐⭐⭐⭐

如果两个字符串是同构的，那么字符串 a 中所有出现的字符都可以用另一个字符替换，以便获得字符串 b，而且必须保留字符的顺序。字符串 a 中的每个字符必须与字符串 b 的每个字符一对一对应。

paper 和 title 将返回 true。
egg 和 sad 将返回 false。
dgg 和 add 将返回 true。

isisomorphic("egg", 'add'); // trueisisomorphic("paper", 'title'); // trueisisomorphic("kick", 'side'); // falsefunction isisomorphic(firststring, secondstring) { // 检查长度是否相等，如果不相等, 它们不可能是同构的 if (firststring.length !== secondstring.length) return false var lettermap = {}; for (var i = 0; i < firststring.length; i ) { var lettera = firststring[i], letterb = secondstring[i]; // 如果 lettera 不存在, 创建一个 map，并将 letterb 赋值给它 if (lettermap[lettera] === undefined) { lettermap[lettera] = letterb; } else if (lettermap[lettera] !== letterb) { // 如果 lettera 在 map 中已存在, 但不是与 letterb 对应， // 那么这意味着 lettera 与多个字符相对应。 return false; } } // 迭代完毕，如果满足条件，那么返回 true。 // 它们是同构的。 return true;}

q21：“transpiling”是什么意思？

难度：⭐⭐⭐⭐

对于语言中新加入的语法，无法进行 polyfill。因此，更好的办法是使用一种工具，可以将较新代码转换为较旧的等效代码。这个过程通常称为转换（transpiling），就是 transforming compiling 的意思。

通常，你会将转换器（transpiler）加入到构建过程中，类似于 linter 或 minifier。现在有很多很棒的转换器可选择：

babel：将 es6 转换为 es5
traceur：将 es6、es7 转换为 es5

q22：“this”关键字的原理是什么？请提供一些代码示例。

难度：⭐⭐⭐⭐

在 javascript 中，this 是指正在执行的函数的“所有者”，或者更确切地说，指将当前函数作为方法的对象。

q23：如何向 array 对象添加自定义方法，让下面的代码可以运行？

难度：⭐⭐⭐⭐

var arr = [1, 2, 3, 4, 5];var avg = arr.average();console.log(avg);

javascript 不是基于类的，但它是基于原型的语言。这意味着每个对象都链接到另一个对象（也就是对象的原型），并继承原型对象的方法。你可以跟踪每个对象的原型链，直到到达没有原型的 null 对象。我们需要通过修改 array 原型来向全局 array 对象添加方法。

array.prototype.average = function() { // 计算 sum 的值 var sum = this.reduce(function(prev, cur) { return prev cur; }); // 将 sum 除以元素个数并返回 return sum / this.length;}var arr = [1, 2, 3, 4, 5];var avg = arr.average();console.log(avg); // => 3

q24：什么是 javascript 中的提升操作？