Câu hỏi phỏng vấn javascript coderpad

Post Graduate Program. Full Stack Web Development

JavaScript Interview Questions for Freshers

Here are some basic JavaScript interview questions and answers for you to prepare during your interviews

1. What do you understand about JavaScript?

Fig. JavaScript Logo

JavaScript is a popular web scripting language and is used for client-side and server-side development. The JavaScript code can be inserted into HTML pages that can be understood and executed by web browsers while also supporting object-oriented programming abilities

2. What’s the difference between JavaScript and Java?

JavaScript

Java

JavaScript is an object-oriented scripting language

Java is an object-oriented programming language

JavaScript applications are meant to run inside a web browser

Java applications are generally made for use in operating systems and virtual machines

JavaScript does not need compilation before running the application code

Java source code needs a compiler before it can be ready to run in realtime

3. What are the various data types that exist in JavaScript?

These are the different types of data that JavaScript supports

• Boolean - For true and false values
• Null - For empty or unknown values
• Undefined - For variables that are only declared and not defined or initialized
• Number - For integer and floating-point numbers
• String - For characters and alphanumeric values
• Object - For collections or complex values
• Symbols - For unique identifiers for objects

4. What are the features of JavaScript?

These are the features of JavaScript

• Lightweight, interpreted programming language
• Cross-platform compatible
• Open-source
• Object-oriented
• Integration with other backend and frontend technologies
• Used especially for the development of network-based applications

Full Stack Web Developer Course

5. What are the advantages of JavaScript over other web technologies?

These are the advantages of JavaScript

Enhanced Interaction

JavaScript adds interaction to otherwise static web pages and makes them react to users’ inputs

Quick Feedback

There is no need for a web page to reload when running JavaScript. For example, form input validation

Rich User Interface

JavaScript helps in making the UI of web applications look and feel much better

Frameworks

JavaScript has countless frameworks and libraries that are extensively used for developing web applications and games of all kinds

6. How do you create an object in JavaScript?

Since JavaScript is essentially an object-oriented scripting language, it supports and encourages the usage of objects while developing web applications

const student = {

Tên. 'John',

    age. 17

}

7. How do you create an array in JavaScript?

Here is a very simple way of creating arrays in JavaScript using the array literal

var a = [];

var b = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’];

8. What are some of the built-in methods in JavaScript?

Built-in Method

Values

Date()

Returns the present date and time

concat()

Joins two strings and returns the new string

push()

Adds an item to an array

nhạc pop()

Loại bỏ và cũng trả về phần tử cuối cùng của một mảng

vòng()

Làm tròn giá trị thành số nguyên gần nhất rồi trả về

chiều dài()

Trả về độ dài của một chuỗi

9. Phạm vi của một biến trong JavaScript là gì?

Phạm vi của một biến ngụ ý nơi biến đã được khai báo hoặc xác định trong chương trình JavaScript. Có hai phạm vi của một biến

Phạm vi toàn cầu

Các biến toàn cầu, có phạm vi toàn cầu có sẵn ở mọi nơi trong mã JavaScript

Phạm vi địa phương

Local variables are accessible only within a function in which they are defined

Caltech Coding Bootcamp

10. What is the ‘this’ keyword in JavaScript?

The ‘this’ keyword in JavaScript refers to the currently calling object. It is commonly used in constructors to assign values to object properties

11. What are the conventions of naming a variable in JavaScript?

Following are the naming conventions for a variable in JavaScript

• Variable names cannot be similar to that of reserved keywords. For example, var, let, const, etc
• Variable names cannot begin with a numeric value. They must only begin with a letter or an underscore character
• Variable names are case-sensitive

12. What is Callback in JavaScript?

In JavaScript, functions are objects and therefore, functions can take other functions as arguments and can also be returned by other functions

Fig. Callback function

A callback is a JavaScript function that is passed to another function as an argument or a parameter. This function is to be executed whenever the function that it is passed to gets executed.  

13. How do you debug a JavaScript code?

All modern web browsers like Chrome, Firefox, etc. have an inbuilt debugger that can be accessed anytime by pressing the relevant key, usually the F12 key. There are several features available to users in the debugging tools

We can also debug a JavaScript code inside a code editor that we use to develop a JavaScript application—for example, Visual Studio Code, Atom, Sublime Text, etc

14. What is the difference between Function declaration and Function expression?

Function declaration

Function expression

Được khai báo dưới dạng một câu lệnh riêng trong mã JavaScript chính

Created inside an expression or some other construct

Can be called before the function is defined

Created when the execution point reaches it; can be used only after that

Offers better code readability and better code organization

Used when there is a need for a conditional declaration of a function

Example

function abc() {

    return 5;

}

Example

var a = function abc() {

    return 5;

}

15. What are the ways of adding JavaScript code in an HTML file?

There are primarily two ways of embedding JavaScript code

• We can write JavaScript code within the script tag in the same HTML file; this is suitable when we need just a few lines of scripting within a web page
• We can import a JavaScript source file into an HTML document; this adds all scripting capabilities to a web page without cluttering the code

Full Stack Java Developer Course

Intermediate JavaScript Interview Questions and Answers

Here are some intermediate level JavaScript interview questions and answers for you to prepare during your interviews

16. What do you understand about cookies?

Quả sung. cookie trình duyệt

Cookie nói chung là một dữ liệu nhỏ được gửi từ một trang web và được lưu trữ trên máy của người dùng bởi một trình duyệt web được sử dụng để truy cập trang web. Cookies được sử dụng để ghi nhớ thông tin để sử dụng sau này và cũng để ghi lại hoạt động duyệt trên một trang web

17. Bạn sẽ tạo cookie như thế nào?

Cách đơn giản nhất để tạo cookie bằng JavaScript như sau

tài liệu. cookie = "key1 = value1; key2 = value2; hết hạn = ngày";

18. Làm thế nào bạn sẽ đọc một cookie?

Đọc cookie bằng JavaScript cũng rất đơn giản. Chúng ta có thể sử dụng tài liệu. chuỗi cookie chứa các cookie mà chúng ta vừa tạo bằng chuỗi đó

Tài liệu. chuỗi cookie giữ một danh sách các cặp tên-giá trị được phân tách bằng dấu chấm phẩy, trong đó 'tên' là tên của cookie và 'giá trị' là giá trị của nó. Chúng ta cũng có thể sử dụng phương thức split() để chia giá trị cookie thành các khóa và giá trị

19. Làm thế nào bạn sẽ xóa một cookie?

Để xóa cookie, chúng tôi chỉ cần đặt ngày và giờ hết hạn. Chỉ định đúng đường dẫn của cookie mà chúng tôi muốn xóa là một phương pháp hay vì một số trình duyệt sẽ không cho phép xóa cookie trừ khi có một đường dẫn rõ ràng cho biết cookie nào cần xóa khỏi máy của người dùng

chức năng xóa_cookie (tên) {

tài liệu. cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00. 00. 01 giờ GMT;";

}

20. Đâu là sự khác biệt giữa letvà var?

Cả let và var đều được sử dụng để khai báo biến và phương thức trong JavaScript. Vì vậy, không có nhiều sự khác biệt giữa hai điều này ngoài việc trong khi từ khóa var được xác định theo chức năng, thì từ khóa let được xác định theo khối

21. Closures trong JavaScript là gì?

Bao đóng cung cấp cách viết mã JavaScript ngắn gọn và tốt hơn cho nhà phát triển và lập trình viên. Bao đóng được tạo bất cứ khi nào một biến được xác định bên ngoài phạm vi hiện tại được truy cập trong phạm vi hiện tại

chức năng xin chào (tên) {

tin nhắn var = "xin chào" + tên;

hàm trả về xin chào() {

bảng điều khiển. nhật ký (tin nhắn);

};

}

//tạo bao đóng

var helloWorld = xin chào("Thế giới");

// sử dụng bao đóng

Chào thế giới();

22. Các chức năng mũi tên trong JavaScript là gì?

Các hàm mũi tên là một cách viết hàm ngắn gọn và súc tích trong JavaScript. Cú pháp chung của hàm mũi tên như sau

const helloWorld = () => {

bảng điều khiển. nhật ký ("xin chào thế giới. ");

};

23. Các cách khác nhau mà một phần tử HTML có thể được truy cập trong mã JavaScript là gì?

Dưới đây là các cách có thể truy cập phần tử HTML trong mã JavaScript

• getElementByClass('tên lớp'). Nhận tất cả các phần tử HTML có tên lớp được chỉ định
• getElementById('idname'). Nhận một phần tử HTML theo tên ID của nó
• getElementsbyTagName('tagname'). Nhận tất cả các phần tử HTML có tên thẻ được chỉ định
• truy vấnSelector(). Nhận bộ chọn kiểu CSS và trả về phần tử HTML được chọn đầu tiên

24. Các cách xác định một biến trong JavaScript là gì?

Có ba cách để xác định một biến trong JavaScript

biến

Điều này được sử dụng để khai báo một biến và giá trị có thể được thay đổi sau đó trong mã JavaScript

Hằng số

Chúng ta cũng có thể sử dụng điều này để khai báo/xác định một biến nhưng giá trị, như tên ngụ ý, là không đổi trong suốt chương trình JavaScript và không thể sửa đổi sau này

Cho phép

Điều này chủ yếu ngụ ý rằng các giá trị có thể được thay đổi sau đó trong mã JavaScript

Khóa học mới. Phát triển Full Stack cho người mới bắt đầu

25. Nhập và xuất trong JavaScript là gì?

Nhập và xuất giúp viết mã mô-đun cho các ứng dụng JavaScript của chúng tôi. Với sự trợ giúp của nhập và xuất, chúng tôi có thể chia mã JavaScript thành nhiều tệp trong một dự án. Điều này đơn giản hóa đáng kể mã nguồn ứng dụng và khuyến khích khả năng đọc mã

vôi hóa. js

xuất const sqrt = Toán. câu đố;

hàm xuất vuông(x) {

trả lại x * x;

}

chức năng xuất chẩn đoán (x, y) {

trả về sqrt(hình vuông(x) + hình vuông(y));

}

File này xuất 2 hàm lần lượt tính bình phương và đường chéo của đầu vào

chủ yếu. js

nhập {vuông, diag} từ "calc";

bảng điều khiển. nhật ký (hình vuông (4));

bảng điều khiển. nhật ký (diag (4, 3));

Do đó, ở đây chúng tôi nhập các hàm đó và chuyển đầu vào cho các hàm đó để tính bình phương và đường chéo

26. Sự khác biệt giữa Tài liệu và Cửa sổ trong JavaScript là gì?

Tài liệu

Cửa sổ

Tài liệu nằm dưới đối tượng windows và cũng có thể được coi là thuộc tính của nó

Cửa sổ trong JavaScript là một đối tượng toàn cầu chứa cấu trúc như biến, hàm, vị trí, lịch sử, v.v.

27. Một số khung JavaScript và công dụng của chúng là gì?

JavaScript có một tập hợp nhiều khung nhằm hướng tới việc đáp ứng các khía cạnh khác nhau của quy trình phát triển ứng dụng web. Một số framework nổi bật là

• React - Phát triển giao diện người dùng của một ứng dụng web
• Angular - Phát triển giao diện người dùng của một ứng dụng web
• Nút - Phát triển phụ trợ hoặc phía máy chủ của ứng dụng web

28. Sự khác biệt giữa Không xác định và Không khai báo trong JavaScript là gì?

Chưa xác định

không khai báo

Không xác định có nghĩa là một biến đã được khai báo nhưng một giá trị chưa được gán cho biến đó

Các biến không được khai báo hoặc không tồn tại trong chương trình hoặc ứng dụng

29. Sự khác biệt giữa Không xác định và Null trong JavaScript là gì?

Chưa xác định

Vô giá trị

Không xác định có nghĩa là một biến đã được khai báo nhưng một giá trị chưa được gán cho biến đó

Null là một giá trị gán mà chúng ta có thể gán cho bất kỳ biến nào có nghĩa là không chứa giá trị nào

Trở thành người tạo ra các sản phẩm làm hài lòng người dùng

30. Sự khác biệt giữa Lưu trữ phiên và Lưu trữ cục bộ là gì?

lưu trữ phiên

Lưu trữ cục bộ

Dữ liệu được lưu trữ trong bộ nhớ phiên hết hạn hoặc bị xóa khi phiên trang kết thúc

Trang web lưu trữ một số dữ liệu trong máy cục bộ để giảm thời gian tải;

31. Các loại dữ liệu khác nhau tồn tại trong JavaScript là gì?

Javascript bao gồm hai kiểu dữ liệu, kiểu dữ liệu nguyên thủy và kiểu dữ liệu không nguyên thủy

• Các kiểu dữ liệu nguyên thủy. Các kiểu dữ liệu này được sử dụng để lưu trữ một giá trị duy nhất. Sau đây là các kiểu dữ liệu phụ trong kiểu dữ liệu Nguyên thủy
• Kiểu dữ liệu Boolean. Nó lưu trữ các giá trị đúng và sai

Example

và a = 3;

var b =  4;

biến c = 3;

(a == b) // trả về false

(a == c) // trả về giá trị true

• Loại dữ liệu null. Nó lưu trữ các giá trị trống hoặc không xác định

Example

var z = null;

• Loại dữ liệu không xác định. Nó lưu trữ các biến chỉ được khai báo, nhưng không được xác định hoặc khởi tạo

Example

và một;

var b = không xác định;

• Số kiểu dữ liệu. Nó lưu trữ số nguyên cũng như số dấu phẩy động

Example

biến x = 4;

biến y = 5. 6;

• Kiểu dữ liệu chuỗi. Nó lưu trữ các ký tự và giá trị chữ và số

Example

var str = "Raja Ram Mohan";

var str2 = 'Raja Rani';

• Ký hiệu Kiểu dữ liệu. Nó lưu trữ các mã định danh duy nhất cho các đối tượng.  

Example

var symbol1 = Symbol('ký hiệu');

• Các kiểu dữ liệu BigInt. Nó lưu trữ các kiểu dữ liệu Số là các số nguyên lớn và vượt quá giới hạn của các kiểu dữ liệu số.  

Thí dụ.  

var bigInteger =  234567890123456789012345678901234567890;

• Các kiểu dữ liệu không nguyên thủy

Các kiểu dữ liệu không nguyên thủy được sử dụng để lưu trữ nhiều giá trị cũng như phức tạp.  

Example

// Tập hợp dữ liệu theo cặp khóa-giá trị

var obj1 = {

x. 43,

y. "Chào thế giới. ",

z. hàm số(){

trả lại cái này. x;

}

}

// Thu thập dữ liệu với danh sách có thứ tự

var array1 = [5, "Xin chào", đúng, 4. 1];

khóa học miễn phí. JavaScript cho người mới bắt đầu

32. Từ khóa 'this' trong JavaScript là gì?

Từ khóa 'this' trong JavaScript được sử dụng để gọi đối tượng hiện tại dưới dạng hàm tạo để gán giá trị cho thuộc tính đối tượng

33. Sự khác biệt giữa Gọi và Áp dụng là gì?

• Gọi

Cuộc gọi sử dụng các đối số riêng

Example

hàm sayXin chào ()

{

trả lại "Xin chào" + cái này. Tên;

}      

var obj = {tên. "Cát"};

nói xin chào. cuộc gọi (obj);

// Trả về "Xin chào Sandy"

• Ứng dụng

Áp dụng sử dụng một đối số như một mảng

Example

chức năng sayS Something (tin nhắn)

{

trả lại cái này. tên + " là " + tin nhắn;

}

var person4 = {tên. "John"};

nói gì đó đi. áp dụng (person4, ["tuyệt vời"]);

34. Phạm vi của một biến trong JavaScript là gì?

Phạm vi của các biến trong JavaScript được sử dụng để xác định khả năng truy cập của các biến và hàm ở các phần khác nhau trong mã của một người. Có ba loại phạm vi của một biến, phạm vi toàn cục, phạm vi chức năng, phạm vi khối

• Phạm vi toàn cầu. Nó được sử dụng để truy cập các biến và hàm từ bất kỳ đâu bên trong mã.  

Thí dụ.  

var globalVariable = "Xin chào thế giới";

hàm sendMessage(){

trả về biến toàn cục;

}

hàm sendMessage2(){

trả về sendMessage();

}

sendMessage2();

• phạm vi chức năng. Nó dùng để khai báo hàm và các biến bên trong hàm chứ không phải bên ngoài.  

Example

chức năng awesomeFunction()

{

và a = 3;

var multiBy3 = hàm()

{

bảng điều khiển. nhật ký (a * 3);

}

}

bảng điều khiển. nhật ký (a);

multiBy3();

• Phạm vi khối. Nó sử dụng let và const để khai báo các biến

Thí dụ.  

{

cho x = 45;

}

bảng điều khiển. nhật ký (x);

for(hãy i=0; i<2; i++){

// làm việc gì đó

}

bảng điều khiển. nhật ký (i);

35. Các chức năng mũi tên trong JavaScript là gì?

Hàm mũi tên dùng để viết hàm với cú pháp ngắn gọn, súc tích. Ngoài ra, nó không yêu cầu từ khóa hàm để khai báo. Hàm mũi tên có thể được bỏ qua với dấu ngoặc nhọn { } khi chúng ta có một dòng mã

cú pháp của một hàm mũi tên

const helloWorld = () => {

bảng điều khiển. nhật ký ("xin chào thế giới. ");

};

Example

// Biểu thức hàm truyền thống

var thêm = chức năng (a, b)

{

trả về a + b;

}

// Biểu thức hàm mũi tên

var arrowAdd = (a,b) => a + b;

36. Giải thích Hoisting trong javascript. (có ví dụ)

Nâng trong javascript là hành vi quy trình mặc định của việc di chuyển khai báo tất cả các biến và hàm trên phạm vi nơi phạm vi có thể là cục bộ hoặc toàn cầu.  

ví dụ 1.  

hoistedFunction(); . " là một đầu ra được khai báo là hàm ngay cả sau khi nó được gọi

hàm hoistedFunction(){

bảng điều khiển. log("Xin chào. ");

}

ví dụ 2

hoistedVariable = 5;

bảng điều khiển. nhật ký (hoistedVariable);

var biến nâng lên;

37. Sự khác biệt giữa các toán tử “ ==” và “==” (có ví dụ)

1. Toán tử “==” là toán tử so sánh dùng để so sánh các giá trị
2. Toán tử “===” cũng là một toán tử so sánh được sử dụng để so sánh các giá trị cũng như các loại

Example

biến x = 3;

var y = "3";

(x == y)  // nó trả về true vì giá trị của cả x và y đều giống nhau

(x === y) // nó trả về false vì typeof x là "số" và typeof y là "string"

38. Sự khác biệt giữa từ khóa var và let

• Từ khóa "var"

• Trong lập trình JavaScript, từ khóa “var” đã được sử dụng từ những giai đoạn đầu tiên của JavaScript.  
• Chúng ta có thể thực hiện các chức năng với sự trợ giúp của từ khóa “var” bằng cách truy cập các biến khác nhau.  

• Từ khóa “cho phép”

• Từ khóa “let” đã được thêm vào sau trong ECMAScript 2015 trong Lập trình JavaScript.  
• Việc khai báo biến rất hạn chế với sự trợ giúp của từ khóa “let” được khai báo trong Block. Ngoài ra, nó có thể dẫn đến ReferenceError vì biến được khai báo trong “vùng chết tạm thời” ở đầu khối

Đào tạo chứng chỉ Java MIỄN PHÍ

39. Ép buộc loại ẩn trong javascript (chi tiết với các ví dụ)

Khi giá trị của một loại dữ liệu được tự động chuyển đổi thành một loại dữ liệu khác, nó được gọi là cưỡng chế kiểu ngầm định trong javascript

• cưỡng chế chuỗi

Thí dụ.  

biến x = 4;

var y = "4";

x + y // Trả về "44"

• cưỡng chế Boolean

Example

biến a = 0;

biến b = 32;

nếu (a) { bảng điều khiển. log(a) }   // Mã này sẽ chạy bên trong khối vì giá trị của x là 0(Falsy)

nếu(b) { bảng điều khiển. log(b) }    // Mã này sẽ chạy bên trong khối vì giá trị của y là 32 (Truthy)

40. Javascript là ngôn ngữ được gõ tĩnh hay gõ động?

Có, JavaScript là ngôn ngữ được gõ động và không phải là ngôn ngữ tĩnh

41. Thuộc tính NaN trong JavaScript

Thuộc tính NaN trong JavaScript là giá trị “Không phải là số” không phải là số hợp pháp.  

42. Truyền theo giá trị và truyền theo tham chiếu

• Các giá trị được truyền là các kiểu dữ liệu nguyên thủy.   

Xem xét ví dụ sau

Ở đây, a=432 là kiểu dữ liệu nguyên thủy i. e. một loại số có giá trị được chỉ định bởi toán tử. Khi mã var b=a được thực thi, giá trị của 'var a' trả về một địa chỉ mới cho 'var b' bằng cách phân bổ một không gian mới trong bộ nhớ, do đó 'var b' sẽ được vận hành ở một vị trí mới.  

Example

biến a = 432;

var b = a;

• Được thông qua bởi các tham chiếu là các kiểu dữ liệu không nguyên thủy

Xem xét ví dụ sau

Tham chiếu của đối tượng biến thứ nhất i. e. ‘var obj’ được chuyển qua vị trí của một biến khác i. e. 'var obj2' với sự trợ giúp của một toán tử được chỉ định

Thí dụ.  

var obj = { tên. "Raj", họ. "Sharma" };

var obj2 = obj;

43. Chức năng được gọi ngay lập tức trong JavaScript

Hàm được gọi ngay lập tức cũng được viết tắt là IIFE hoặc IIFY chạy ngay khi được xác định. Để chạy chức năng, nó cần được gọi nếu không khai báo của chức năng được trả về

cú pháp

(hàm số()

{

// Làm việc gì đó;

})

();

44. Đặc điểm của chế độ nghiêm ngặt javascript

• Chế độ nghiêm ngặt không cho phép các đối số trùng lặp và các biến toàn cục
• Người ta không thể sử dụng các từ khóa JavaScript làm tham số hoặc tên hàm ở chế độ nghiêm ngặt
• Tất cả các trình duyệt đều hỗ trợ chế độ nghiêm ngặt.  
• Chế độ nghiêm ngặt có thể được xác định khi bắt đầu tập lệnh với sự trợ giúp của từ khóa 'sử dụng nghiêm ngặt'.  

45. Hàm bậc cao hơn (có ví dụ)

Các hàm bậc cao hơn là các hàm lấy các hàm làm đối số và trả về chúng bằng cách thao tác trên các hàm khác

Example

hàm HigherOrder(fn)

{

fn();

}

Thứ tự cao hơn (hàm () { console. nhật ký ("Xin chào thế giới") });

46. Chức năng tự gọi

Các hàm tự gọi là một biểu thức hàm được gọi tự động theo sau (), trong đó nó không cần phải được yêu cầu. Tuy nhiên, khai báo của hàm không thể được gọi bởi chính nó.   

47. sự khác biệt giữa các phương thức exec() và test()

• giám đốc điều hành ()

• Đây là một phương thức biểu thức trong JavaScript được sử dụng để tìm kiếm một chuỗi có mẫu cụ thể.  
• Sau khi tìm thấy, mẫu sẽ được trả về trực tiếp, nếu không, nó sẽ trả về kết quả “rỗng”

• kiểm tra ()

• Đây là một phương thức biểu thức trong JavaScript cũng được sử dụng để tìm kiếm một chuỗi có mẫu hoặc văn bản cụ thể.  
• Khi nó đã được tìm thấy, mẫu sẽ trả về giá trị Boolean là 'true', ngược lại nó sẽ trả về 'false'.  

48. cà ri trong JavaScript (có ví dụ)

Trong JavaScript, khi một chức năng của một đối số được chuyển đổi thành các chức năng của một hoặc nhiều đối số được gọi là Currying

Example

chức năng thêm (a) {

hàm trả về(b){

trả về a + b;

}

}

thêm(3)(4)

49. Ưu điểm của việc sử dụng JavaScript bên ngoài

• Javascript bên ngoài cho phép các nhà thiết kế và phát triển web cộng tác trên các tệp HTML và javascript
• Nó cũng cho phép bạn sử dụng lại mã
• Javascript bên ngoài làm cho khả năng đọc mã trở nên đơn giản.  

khóa học miễn phí. Nguyên tắc cơ bản về lập trình

50. Nguyên mẫu đối tượng là gì?

Sau đây là các nguyên mẫu đối tượng khác nhau trong javascript được sử dụng để kế thừa các thuộc tính và phương thức cụ thể từ Đối tượng. nguyên mẫu

1. Các đối tượng Date được sử dụng để kế thừa các thuộc tính từ nguyên mẫu Date
2. Các đối tượng toán học được sử dụng để kế thừa các thuộc tính từ nguyên mẫu Math
3. Các đối tượng mảng được sử dụng để kế thừa các thuộc tính từ nguyên mẫu Array

51. Các loại lỗi trong javascript

Javascript có 2 loại lỗi là Syntax error và Logical error

52. Ghi nhớ là gì?

Trong JavaScript, khi chúng ta muốn cache giá trị trả về của một hàm liên quan đến các tham số của nó, nó được gọi là ghi nhớ. Nó được sử dụng để tăng tốc ứng dụng, đặc biệt trong trường hợp các chức năng phức tạp, tốn thời gian.  

53. Đệ quy trong ngôn ngữ lập trình

Đệ quy là một kỹ thuật trong ngôn ngữ lập trình được sử dụng để lặp lại một thao tác trong khi một hàm gọi chính nó lặp đi lặp lại cho đến khi chúng ta nhận được kết quả

54. Sử dụng hàm tạo (có ví dụ)

Các hàm xây dựng được sử dụng để tạo các đối tượng đơn lẻ hoặc nhiều đối tượng có các thuộc tính và phương thức tương tự nhau

Example

chức năng Người (tên, tuổi, giới tính)

{

cái này. tên = tên;

cái này. tuổi = tuổi tác;

cái này. giới = giới tính;

}

var person1 = new Person("Vivek", 76, "nam");

bảng điều khiển. nhật ký (người1);

var person2 = new Person("Courtney", 34, "nữ");

bảng điều khiển. nhật ký (người2);

55. Phương pháp nào được sử dụng để truy xuất một ký tự từ một chỉ mục nhất định?

Chúng ta có thể truy xuất một ký tự từ một chỉ mục nhất định với sự trợ giúp của phương thức hàm charAt().  

56. BOM là gì?

BOM là Mô hình đối tượng trình duyệt nơi người dùng có thể tương tác với trình duyệt là cửa sổ, đối tượng ban đầu của trình duyệt. Đối tượng cửa sổ bao gồm tài liệu, lịch sử, màn hình, bộ điều hướng, vị trí và các thuộc tính khác. Tuy nhiên, chức năng của cửa sổ có thể được gọi trực tiếp cũng như bằng cách tham chiếu đến cửa sổ

57. Sự khác biệt giữa phía máy khách và phía máy chủ

• JavaScript phía máy khách

• Client-side JavaScript được tạo thành từ ngôn ngữ cơ bản và các đối tượng được xác định trước thực hiện JavaScript trong trình duyệt.  
• Ngoài ra, nó sẽ tự động được đưa vào các trang HTML nơi trình duyệt hiểu được tập lệnh

• Javascript phía máy chủ

• Server-side JavaScript khá giống với Client-side javascript
• JavaScript phía máy chủ có thể được thực thi trên máy chủ.  
• JavaScript phía máy chủ được triển khai sau khi máy chủ xử lý xong

58. Mẫu thiết kế nguyên mẫu là gì?

Mẫu thiết kế nguyên mẫu còn được gọi là thuộc tính hoặc mẫu nguyên mẫu được sử dụng để tạo các đối tượng khác nhau cũng như các nguyên mẫu được sao chép từ một mẫu có giá trị cụ thể

59. Sự khác biệt giữa khai báo biến sử dụng var, let và const.  

var

cho phép

hăng sô

Có phạm vi toàn cầu cũng như phạm vi chức năng

Không có phạm vi toàn cầu cũng như phạm vi chức năng

Không có phạm vi toàn cầu cũng như phạm vi chức năng

1. Không có phạm vi khối

Không có phạm vi khối

Không có phạm vi khối

Nó có thể được chỉ định lại

cNó không thể được chỉ định lại

Nó không thể được chỉ định lại

var biến1 = 31;

để biến2 = 89;

hàm catchValues()

{

bảng điều khiển. nhật ký (biến1);

bảng điều khiển. nhật ký (biến2);

// Cả hai biến đều có thể truy cập từ mọi nơi vì khai báo của chúng nằm trong phạm vi toàn cầu

}

cửa sổ. biến1;

cửa sổ. biến2;

ví dụ 2. Sử dụng biến 'const'

const x = {tên. "Vijay"};

x = {địa chỉ. "Mumbai"};

x. tên = "Radha";

hằng y = 31;

y = 44;

60. Tham số còn lại và toán tử trải rộng

• Tham số còn lại (. )

• Tham số còn lại được sử dụng để khai báo hàm với việc xử lý các tham số được cải thiện.  
• Cú pháp tham số còn lại có thể được sử dụng để tạo các hàm để thực hiện các chức năng trên số đối số biến
• Nó cũng giúp chuyển đổi bất kỳ số lượng đối số nào thành một mảng cũng như giúp trích xuất một số hoặc tất cả các phần của đối số

• Toán tử lây lan(. )

• Trong một lời gọi hàm, chúng ta sử dụng toán tử trải rộng.  
• Nó cũng để truyền bá một hoặc nhiều đối số được mong đợi trong một lệnh gọi hàm
• Toán tử trải rộng được sử dụng để lấy một mảng hoặc một đối tượng và trải rộng chúng

61. Lời hứa trong JavaScript

Lời hứa trong JavaScript có bốn trạng thái khác nhau. Chúng như sau.  

Chưa giải quyết

Hoàn thành

Bác bỏ

Settled

Đang chờ xử lý là một trạng thái ban đầu của lời hứa. Đó là trạng thái ban đầu của lời hứa khi nó ở trạng thái chờ xử lý không được thực hiện cũng như không bị từ chối.  

Đó là trạng thái mà lời hứa đã được thực hiện để đảm bảo rằng hoạt động không đồng bộ được thực hiện

Đó là trạng thái mà lời hứa bị từ chối và hoạt động không đồng bộ không thành công.  

Đó là trạng thái mà lời hứa bị từ chối hoặc thực hiện

Example

hàm sumOfThreeElements(. yếu tố)

{

trả lại Lời hứa mới ((giải quyết, từ chối)=>{

nếu (phần tử. chiều dài > 3 )

{

reject("Chỉ cho phép 3 phần tử hoặc ít hơn");

}

khác

{

để tổng = 0;

cho i = 0;

trong khi (i < yếu tố. chiều dài)

{

tổng += phần tử[i];

tôi ++;

}

resolve("Đã tính tổng. "+tổng);

}

})

}

62. Các lớp trong JavaScript

các lớp là các đường cú pháp cho các hàm xây dựng được đề cập trong phiên bản ES6 của JavaScript. Các lớp không giống như các Hàm được nâng lên và không thể được sử dụng trước khi nó được khai báo. Ngoài ra, nó có thể kế thừa các thuộc tính và phương thức từ các lớp khác với sự trợ giúp của các từ khóa mở rộng. Nếu không tuân theo chế độ nghiêm ngặt (‘usestrict’), lỗi sẽ hiển thị

63. chức năng máy phát điện là gì?

Các hàm tạo được khai báo với một lớp hàm và từ khóa đặc biệt sử dụng hàm*. Nó không thực thi mã, tuy nhiên, nó trả về một đối tượng trình tạo và xử lý việc thực thi

64. WeakSet là gì?

WeakSet là tập hợp các phần tử duy nhất và có thứ tự chỉ chứa các đối tượng được tham chiếu yếu

65. Việc sử dụng các cuộc gọi lại là gì?

• Một chức năng gọi lại được sử dụng để gửi đầu vào vào một chức năng khác và được thực hiện bên trong một chức năng khác.   
• Nó cũng đảm bảo rằng một mã cụ thể không chạy cho đến khi mã khác hoàn thành việc thực thi

66. Bản đồ yếu là gì?

Weakmap được gọi là một đối tượng có khóa và giá trị, nếu đối tượng không có tham chiếu, nó sẽ được thu thập dưới dạng rác.   

67. Phá hủy đối tượng là gì?

Phá hủy đối tượng là một phương pháp để trích xuất các phần tử từ một mảng hoặc một đối tượng

ví dụ 1. Phá hủy mảng

mảng const = [1, 2, 3];

const đầu tiên = mảng [0];

const thứ hai = mảng [1];

const thứ ba = arr[2];

ví dụ 2. Phá hủy đối tượng

mảng const = [1, 2, 3];

const [thứ nhất, thứ hai, thứ ba, thứ tư] = arr;

bảng điều khiển. nhật ký (đầu tiên);

bảng điều khiển. nhật ký (giây);

bảng điều khiển. nhật ký (thứ ba);

68. Nguyên mẫu vs Kế thừa cổ điển

• Kế thừa nguyên mẫu

• Kế thừa nguyên mẫu cho phép bất kỳ đối tượng nào được sao chép thông qua một phương thức liên kết đối tượng và nó đóng vai trò là khuôn mẫu cho các đối tượng khác đó, cho dù chúng có mở rộng đối tượng gốc hay không.  

• Kế thừa cổ điển

• Classical inheritance is a class that inherits from the other remaining classes

69. Vùng chết tạm thời là gì?

Vùng chết tạm thời là hành vi xảy ra với các biến được khai báo bằng từ khóa let và const trước khi chúng được khởi tạo

70. Mẫu thiết kế JavaScript

Khi chúng tôi xây dựng các ứng dụng trình duyệt JavaScript, có thể xảy ra lỗi khi JavaScript tiếp cận nó theo cách lặp đi lặp lại. Mẫu tiếp cận lặp đi lặp lại này được gọi là các mẫu thiết kế JavaScript. Các mẫu thiết kế JavaScript bao gồm Mẫu thiết kế sáng tạo, Mẫu thiết kế cấu trúc và Mẫu thiết kế hành vi

71. Difference between Async/Await and Generators 

• Không đồng bộ/Đang chờ

• Async-await functions are executed sequentially one after another in an easier way
• Async/Await function might throw an error when the value is returned

• Generators

• Generator functions are executed with one output at a time by the generator’s yield by yield.  
• The ‘value. X, done. Boolean’ is the output result of the Generator function

72. Primitive data types

The primitive data types are capable of displaying one value at a time. It consists of Boolean, Undefined, Null, Number, and String data types.  

73. Role of deferred scripts

The Deferred scripts are used for the HTML parser to finish before executing it.  

74. What is Lexical Scoping?

Lexical Scoping in JavaScript can be performed when the internal state of the JavaScript function object consists of the function’s code as well as references concerning the current scope chain

75. What is this [[[]]]?

This ‘[[[]]]’ is a three-dimensional array

76. Are Java and JavaScript the same?

Yes, Java and JavaScript are the same.  

77. How to detect the OS of the client machine using JavaScript?

The OS on the client machine can be detected with the help of navigator. appVersion string

78. Requirement of debugging in JavaScript

• To debug the code, we can use web browsers such as Google Chrome, and Mozilla Firefox
• We can debug in JavaScript with the help of two methods, console. log() and debugger keyword.  

79. What are the pop-up boxes available in JavaScript?

Pop-up boxes available in JavaScript are Alert Box, Confirm Box, and Prompt Box

Advanced JS Interview Questions and Answers

Here are some advanced level JavaScript interview questions and answers for you to prepare during your interviews

80. How do you empty an array in JavaScript?

There are a few ways in which we can empty an array in JavaScript

• By assigning array length to 0

var arr = [1, 2, 3, 4];

arr. length = 0;

• By assigning an empty array

var arr = [1, 2, 3, 4];

arr = [];

• By popping the elements of the array

var arr = [1, 2, 3, 4];

while (arr. length > 0) {

  arr. pop();

}

• By using the splice array function

var arr = [1, 2, 3, 4];

arr. splice(0, arr. length);

81. What is the difference between Event Capturing and Event Bubbling?

Event Capturing

Event Bubbling

This process starts with capturing the event of the outermost element and then propagating it to the innermost element

This process starts with capturing the event of the innermost element and then propagating it to the outermost element

82. What is the Strict mode in JavaScript?

Strict mode in JavaScript introduces more stringent error-checking in a JavaScript code

• While in Strict mode, all variables have to be declared explicitly, values cannot be assigned to a read-only property, etc
• We can enable strict mode by adding ‘use strict’ at the beginning of a JavaScript code, or within a certain segment of code

83. What would be the output of the below JavaScript code?

var a = 10;

if (function abc(){})

{

a += typeof abc;

}

console. log(a);

The output of this JavaScript code will be 10undefined. The if condition statement in the code evaluates using eval. Hence, eval(function abc(){}) will return function abc(){}

Inside the if statement, executing typeof abc returns undefined because the if statement code executes at run time while the statement inside the if the condition is being evaluated

84. Can you write a JavaScript code for adding new elements in a dynamic manner?

85. What is the difference between Call and Apply?

Gọi

Ứng dụng

In the call() method, arguments are provided individually along with a ‘this’ value.  

In the apply() method, arguments are provided in the form of an array along with a ‘this’ value

86. What will be the output of the following code?

var Bar = Function Foo()

{

return 11;

};

typeof Foo();

The output would be a reference error since a function definition can only have a single reference variable as its name

87. What will be the output of the following code?

var Student = {

  college. "abc",

};

var stud1 = Object. create(Student);

delete stud1. college;

console. log(stud1. company);

This is essentially a simple example of object-oriented programming.   Therefore, the output will be ‘abc’ as we are accessing the property of the student object

88. How do you remove duplicates from a JavaScript array?

There are two ways in which we can remove duplicates from a JavaScript array

By Using the Filter Method

To call the filter() method, three arguments are required. These are namely array, current element, and index of the current element

By Using the For Loop

An empty array is used for storing all the repeating elements

81. Can you draw a simple JavaScript DOM (Document Object Model)?

As you prepare for your upcoming job interview, we hope that these JavaScript Interview Questions and answers have provided more insight into what types of questions you are likely to be asked.  

Master the complete JavaScript fundamentals, jQuery, Ajax, and more with the Javascript Certification Training Course. Check out the course preview

Get Ahead of the Curve and Master JavaScript Today

Are you wondering how you can gain the skills necessary to take advantage of JavaScript’s immense popularity now that you are familiar with JS Interview Questions and Answers? We have got your back. We offer a comprehensive Full Stack Java Developer Job Guarantee Program, which will help you get a job as a software engineer upon completion.  

To learn more, check out our Youtube video that provides a quick introduction to JavaScript Interview Questions and answers and helps in clearing doubts for your next JavaScript interview. If you’re an aspiring web and mobile developer, JavaScript training will broaden your skills and career horizons

Do you have any questions for us? Please mention it in the comments section below and we'll have our experts answer it for you at the earliest