Résumé des questions d'entretien de développement JavaScript-js tutoriel-php.cn

Cet article partage avec vous un résumé des questions d'entretien de développement JavaScript. Le contenu est assez bon. J'espère qu'il pourra aider les amis dans le besoin

Syntaxe et types

1. Déclaration et définition

Type de variable : var, définit les variables ; let, définit les variables locales du domaine de bloc (portée) ; définit les constantes en lecture seule.

Format variable : commence par une lettre, un trait de soulignement "_" ou un symbole $, sensible à la casse.

Affectation de variable : une variable déclarée mais non affectée a une valeur indéfinie lorsqu'elle est utilisée. Si une variable non déclarée est utilisée directement, une exception sera levée.

Variable non affectée pour le calcul : le résultat est NaN. Par exemple :

var x, y = 1;
console.log(x + y); //结果为NaN，因为x没有赋值。

Copier après la connexion

2. Portée

Portée de la variable : il n'y avait pas de portée de déclaration de bloc avant ES6 et les variables agissaient dans des blocs fonctionnels ou globalement. Comme le montre le code suivant, le x entré est 5.

if (true) {var x = 5;
}
console.log(x); // 5

Copier après la connexion

Portée des variables ES6 : ES6 prend en charge la portée des blocs, mais vous devez utiliser let pour déclarer les variables. La sortie de code suivante entraîne la levée d’une exception.

f (true) {let y = 5;
}
console.log(y); // ReferenceError: y is not defined1234

Copier après la connexion

Variable flottante : Dans une méthode ou un code global, lorsque nous utilisons la variable avant que la variable ne soit déclarée, une exception n'est pas levée, mais undéfini est renvoyé. En effet, JavaScript place automatiquement la déclaration de variable au premier plan de la fonction ou du global. Par exemple, le code suivant :

/**
* 全局变量上浮
*
/console.log(x === undefined); // logs "true"
var x = 3;

/**
* 方法变量上浮
*/
var myvar = "my value";
// 打印变量myvar结果为：undefined
(function() {
console.log(myvar); // undefined
var myvar = "local value";
})();

Copier après la connexion

Le code ci-dessus est équivalent au code suivant :

/**
* 全局变量上浮
*/var x;
console.log(x === undefined); // logs "true"x = 3;/**
* 方法变量上浮
*/var myvar = "my value";
(function() {var myvar;
console.log(myvar); // undefinedmyvar = "local value";
})();

Copier après la connexion

Variables globales : Dans la page, l'objet global est window, donc on accéder aux variables globales Disponible via window.variable. Par exemple :

version = "1.0.0";
console.log(window.version); //输出1.0.0

Copier après la connexion

No2. Structure et type des données

1.数据类型

6个基础类型：Boolean(true或者false)、null(js大小写敏感，和Null、NULL是有区别的)、undefined、Number、String、Symbol(标记唯一和不可变)

一个对象类型：object。

object和function：对象作为值的容器，函数作为应用程序的过程。

2.数据转换

函数：字符串转换为数字可使用parseInt和parseFloat方法。

parseInt：函数签名为parseInt(string, radix)，radix是2-36的数字表示数字基数，例如十进制或者十六进制。返回结果为integer或者NaN，例如下面输出结果都为15。

parseInt("0xF", 16);
parseInt("F", 16);
parseInt("17", 8);
parseInt(021, 8);
parseInt("015", 10);
parseInt(15.99, 10);
arseInt("15,123", 10);
parseInt("FXX123", 16);
parseInt("1111", 2);
parseInt("15*3", 10);
parseInt("15e2", 10);
parseInt("15px", 10);

Copier après la connexion

parseFloat：函数签名为parseFloat(string)，返回结果为数字或者NaN。例如：

parseFloat("3.14"); //返回数字
parseFloat("314e-2"); //返回数字
parseFloat("more non-digit characters"); //返回NaN

Copier après la connexion

3.数据类型文本化

文本化类型：Array、Boolean、Floating-point 、integers、Object、RegExp、String。

Array中额外的逗号情况：["Lion", , "Angel"]，长度为3，[1]的值为undefiend。['home', , 'school', ]，最后一个逗号省略所以长度为3。[ , 'home', , 'school']，长度为4。['home', , 'school', , ]，长度为4。

integer整数：整数可以表达为十进制、八进制、十六进制、二进制。例如：

0, 117 and -345 //十进制
015, 0001 and -0o77 //八进制
0x1123, 0x00111 and -0xF1A7 //十六进制
0b11, 0b0011 and -0b11 1234 //二进制

Copier après la connexion

浮点数：[(+|-)][digits][.digits][(E|e)[(+|-)]digits]。例如：

3.1415926，-.123456789，-3.1E+12（3100000000000），.1e-23（1e-24）

Copier après la connexion

对象：对象的属性获取值可通过“.属性”或者“[属性名]”获取。例如：

var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };
console.log(car.manyCars.b); // Jeep
console.log(car[7]); // Mazda

Copier après la connexion

对象属性：属性名可以是任意字符串或者空字符串，无效的名字可通过引号包含起来。复杂的名字不能通过.获取，但可以通过[]获取。例如：

var unusualPropertyNames = {
"": "An empty string",
"!": "Bang!"
}
console.log(unusualPropertyNames.""); // SyntaxError: Unexpected string
console.log(unusualPropertyNames[""]); // An empty string
console.log(unusualPropertyNames.!); // SyntaxError: Unexpected token !
console.log(unusualPropertyNames["!"]); // Bang!

Copier après la connexion

转意字符：下面的字符串输出结果包含了双引号，因为使用了转意符号“\””。

var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service.";
console.log(quote);
/输出：He read "The Cremation of Sam McGee" by R.W. Service.1。

Copier après la connexion

字符串换行法：直接在字符串行结束时添加“\”，如下代码所示：

var str = "this string \
is broken \
across multiple\
lines."
console.log(str); // this string is broken across multiplelines.

Copier après la connexion

No3.控制流和错误处理

1.块表达式

作用：块表达式一般用于控制流，像if、for、while。下面的代码中{x++;}就是一个块声明。

while (x < 10) {x++;
}

Copier après la connexion

ES6之前没有块域范围：在ES6之前，在block中定义的变量实际是包含在方法或者全局中，变量的影响超出了块作用域的范围。例如下面的代码最终执行结果为2，因为block中声明的变量作用于方法。

var x = 1;
{var x = 2;
}
console.log(x); // outputs 2

Copier après la connexion

ES6之后有块域范围：在ES6中，我们可以把块域声明var改成let，让变量只作用域block范围。

var b = new Boolean(false);
if (b) // 返回true
if (b == true) // 返回false

Copier après la connexion

No4.异常处理

1.异常类型

抛出异常语法：抛异常可以是任意类型。如下所示。

throw "Error2"; // 字符串类型
throw 42; // 数字类型
throw true; // 布尔类型
throw {toString: function() { return "I&#39;m an object!"; } }; //对象类型

Copier après la connexion

自定义异常：

// 创建一个对象类型UserException
function UserException(message) {
this.message = message;
this.name = "UserException";
}

//重写toString方法，在抛出异常时能直接获取有用信息
UserException.prototype.toString = function() {
return this.name + &#39;: "&#39; + this.message + &#39;"&#39;;
}
// 创建一个对象实体并抛出它
throw new UserException("Value too high");

Copier après la connexion

2.语法

关键字：使用try{}catch(e){}finally{}语法，和C#语法相似。

finally返回值：如果finaly添加了return 语句，则不管整个try.catch返回什么，返回值都是finally的return。如下所示：

function f() {
    try {
        console.log(0);        throw "bogus";
    } catch(e) {
        console.log(1);        return true; // 返回语句被暂停，直到finally执行完成
        console.log(2); // 不会执行的代码
    } finally {
        console.log(3);        return false; //覆盖try.catch的返回
        console.log(4); //不会执行的代码
    }    // "return false" is executed now 
    console.log(5); // not reachable}
f(); // 输出 0, 1, 3; 返回 false

Copier après la connexion

finally吞并异常：如果finally有return并且catch中有throw异常。throw的异常不会被捕获，因为已经被finally的return覆盖了。如下代码所示：

function f() {
    try {        throw "bogus";
    } catch(e) {
        console.log(&#39;caught inner "bogus"&#39;);        throw e; // throw语句被暂停，直到finally执行完成
    } finally {        return false; // 覆盖try.catch中的throw语句
    }    // 已经执行了"return false"}try {
    f();
} catch(e) {    //这里不会被执行，因为catch中的throw已经被finally中的return语句覆盖了
    console.log(&#39;caught outer "bogus"&#39;);
}// 输出// caught inner "bogus"

Copier après la connexion

系统Error对象：我们可以直接使用Error{name, message}对象，例如：throw (new Error(‘The message’));

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!