43 Câu hỏi JavaScript Nâng Cao giúp trả lời Phỏng vấn "Mượt mà" hơn

• KHÓA HỌC JAVA FULL STACK

• KHÓA HỌC PHP FULL SATCK

• KHÓA HỌC PYTHON cho người mới bắt đầu

• Và đặc biệt, nếu bạn muốn chuyên sâu về JavaScript thì tham gia ngay KHÓA HỌC FRONT END (Với ReactJS)

43 câu hỏi Javascript nâng cao

 

Câu hỏi 1: Hoisting trong Javascript xảy ra như thế nào?

function sayHi() {
  console.log(name);
  console.log(age);
  var name = "Lydia";
  let age = 21;
}

sayHi();

• A: Lydia and undefined
• B: Lydia and ReferenceError
• C: ReferenceError and 21
• D: undefined and ReferenceError

Câu hỏi 2: Vòng lặp sử dụng var hoặc let trong Javascript có gì khác nhau?

for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1);
}

for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1);
}

• A: 0 1 2 and 0 1 2
• B: 0 1 2 and 3 3 3
• C: 3 3 3 and 0 1 2

Câu hỏi 3: Khi sử dụng từ khóa this trong arrow function nên lưu ý điều gì?

const shape = {
  radius: 10,
  diameter() {
    return this.radius * 2;
  },
  perimeter: () => 2 * Math.PI * this.radius
};

shape.diameter();
shape.perimeter();

• A: 20 and 62.83185307179586
• B: 20 and NaN
• C: 20 and 63
• D: NaN and 63

Câu hỏi 4: Chuyển đổi số bằng toán tử +, tính chất truthy value

+true;
!"ICT Hà Nội";

• A: 1 and false
• B: false and NaN
• C: false and false

• Kiểu Boolean có falsy value là false
• Kiểu Number có falsy value là 0 và NaN
• Kiểu String có falsy value là ''
• Kiểu null là có falsy value null
• Kiểu undefined có falsy value là undefined

Câu 5: Sự khác nhau khi sử dụng dấu ngoặc [ ] và toán tử dot để truy cập Object là gì?

const bird = {
  size: "small"
};

const mouse = {
  name: "Mickey",
  small: true
};

• A: mouse.bird.size không hợp lệ
• B: mouse[bird.size] không hợp lệ
• C: mouse[bird["size"]] không hợp lệ
• D: Tất cả đều hợp lệ

Câu hỏi 6: Tương tác bằng tham chiếu trong Javascript là thế nào?

let c = { greeting: "Hey!" };
let d;

d = c;
c.greeting = "Hello";
console.log(d.greeting);

• A: Hello
• B: Hey
• C: undefined
• D: ReferenceError
• E: TypeError

Câu hỏi 7: Toán tử == và === trong Javascript khác nhau như thế nào?

let a = 3;
let b = new Number(3);
let c = 3;

console.log(a == b);
console.log(a === b);
console.log(b === c);

• A: true false true
• B: false false true
• C: true false false
• D: false true true

Câu hỏi 8: Hiểu hơn về hàm Static trong Javascript? 

class Chameleon {
  static colorChange(newColor) {
    this.newColor = newColor;
    return this.newColor;
  }

  constructor({ newColor = "green" } = {}) {
    this.newColor = newColor;
  }
}

const freddie = new Chameleon({ newColor: "purple" });
freddie.colorChange("orange");

• A: orange
• B: purple
• C: green
• D: TypeError

Câu hỏi 9: Về cơ bản thì sử dụng 'use strict' để làm gì?

let greeting;
greetign = {}; // Giả sử bị lỗi đánh máy!
console.log(greetign);

• A: {}
• B: ReferenceError: greetign is not defined
• C: undefined

Câu hỏi 10: Điều gì xảy ra khi tạo thuộc tính cho hàm giống như object?

function bark() {
  console.log("Woof!");
}

bark.animal = "dog";

• A: Không có gì. Thế này hoàn toàn ok.
• B: SyntaxError. You cannot add properties to a function this way.
• C: undefined
• D: ReferenceError

Câu hỏi 11: Thêm thuộc tính vào constructor thì xảy ra điều gì?

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

const member = new Person("Lydia", "Hallie");
Person.getFullName = function() {
  return `${this.firstName} ${this.lastName}`;
};

console.log(member.getFullName());

• A: TypeError
• B: SyntaxError
• C: Lydia Hallie
• D: undefined undefined

Person.prototype.getFullName = function() {
  return `${this.firstName} ${this.lastName}`;
};

Câu hỏi 12: Khởi tạo đối tượng có từ khóa new và không có từ khóa new khác gì nhau?

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

const lydia = new Person("Lydia", "Hallie");
const sarah = Person("Sarah", "Smith");

console.log(lydia);
console.log(sarah);

• A: Person {firstName: "Lydia", lastName: "Hallie"} and undefined
• B: Person {firstName: "Lydia", lastName: "Hallie"} and Person {firstName: "Sarah", lastName: "Smith"}
• C: Person {firstName: "Lydia", lastName: "Hallie"} and {}
• D:Person {firstName: "Lydia", lastName: "Hallie"} and ReferenceError

Câu 13: 3 Giai đoạn của event propagation là gì?

• A: Target > Capturing > Bubbling
• B: Bubbling > Target > Capturing
• C: Target > Bubbling > Capturing
• D: Capturing > Target > Bubbling

Câu hỏi 14: Tất cả các object đều có prototype?

• A: true
• B: false

Câu hỏi 15: Cộng 1 số với một chuỗi thì ra kết quả gì?

function sum(a, b) {
  return a + b;
}

sum(1, "2");

• A: NaN
• B: TypeError
• C: "12"
• D: 3

Câu 16: Sự khác biệt của number++ và ++number là gì?

let number = 0;
console.log(number++);
console.log(++number);
console.log(number);

• A: 1 1 2
• B: 1 2 2
• C: 0 2 2
• D: 0 1 2

• Đầu tiên nó trả về giá trị
• Sau đó mới tăng lên một đơn vị

• Đầu tiên nó tăng lên một đơn vị
• Sau đó trả về giá trị

let number = 0;
console.log(number++); //Log ra number sau đó mới tăng number lên 1 đơn vị
console.log(++number); //Tăng number lên 1 đơn vị, number = 2 và log ra console
console.log(number); // Log ra giá trị number hiện tại là 2

> Đọc thêm: Toán tử trong JavaScript

 

Câu 17: Nội suy chuỗi với Tagg Template Literal trong ES6 là gì?

function getPersonInfo(one, two, three) {
  console.log(one);
  console.log(two);
  console.log(three);
}

const person = "Lydia";
const age = 21;

getPersonInfo`${person} is ${age} years old`;

• A: "Lydia" 21 ["", " is ", " years old"]
• B: ["", " is ", " years old"] "Lydia" 21
• C: "Lydia" ["", " is ", " years old"] 21

Câu 18: Truyền object như tham số để so sánh các object với nhau thì xảy ra vấn đề gì?

function checkAge(data) {
  if (data === { age: 18 }) {
    console.log("You are an adult!");
  } else if (data == { age: 18 }) {
    console.log("You are still an adult.");
  } else {
    console.log(`Hmm.. You don't have an age I guess`);
  }
}

checkAge({ age: 18 });

• A: You are an adult!
• B: You are still an adult.
• C: Hmm.. You don't have an age I guess

Câu hỏi 19: Hiểu thêm một chút về toán tử Spread hay còn gọi là toán tử ...

function getAge(...args) {
  console.log(typeof args);
}

getAge(21);

• A: "number"
• B: "array"
• C: "object"
• D: "NaN"

• Bạn có thể tìm hiểu rõ hơn về Spread Opeartor tại đây.

Câu hỏi 20: "use strict" có tác dụng gì?

function getAge() {
  "use strict";
  age = 21;
  console.log(age);
}

getAge();

• A: 21
• B: undefined
• C: ReferenceError
• D: TypeError

• Tham khảo thêm về "use strict" tại đây.

Câu hỏi 21: Tác dụng của eval là gì trong Javascript?

const sum = eval("10*10+5");

• A: 105
• B: "105"
• C: TypeError
• D: "10*10+5"

Câu hỏi 22: Dữ liệu được lưu trữ trong sessionStorage bị xóa khi nào?

sessionStorage.setItem("cool_secret", 123);

• A: Mãi Mãi, các dữ liệu không bị mất. 
• B: Khi người dùng đóng tab.
• C: Khi người đóng lại toàn bộ trình duyệt, không chỉ là đóng tab. 
• D: Khi người dùng dùng tắt máy tính của họ.

Câu hỏi 23: Khai báo nhiều biến cùng tên trong cùng phạm vi có được không?

var num = 8;
var num = 10;

console.log(num);

• A: 8
• B: 10
• C: SyntaxError
• D: ReferenceError

Câu hỏi 24: Oject key được coi là kiểu gì?

const obj = { 1: "a", 2: "b", 3: "c" };
const set = new Set([1, 2, 3, 4, 5]);

obj.hasOwnProperty("1");
obj.hasOwnProperty(1);
set.has("1");
set.has(1);

• A: false true false true
• B: false true true true
• C: true true false true
• D: true true true true

Câu hỏi 25: 2 key cùng tên trong object sẽ gây ra vấn đề gì?

const obj = { a: "one", b: "two", a: "three" };
console.log(obj);

• A: { a: "one", b: "two" }
• B: { b: "two", a: "three" }
• C: { a: "three", b: "two" }
• D: SyntaxError

Câu hỏi 26: Có phải Javascript global execution context tạo ra 2 thứ: global object và từ khóa "this"?

Câu hỏi 27: Tác dụng của continue là gì?

for (let i = 1; i < 5; i++) {
  if (i === 3) continue;
  console.log(i);
}

• A: 1 2
• B: 1 2 3
• C: 1 2 4
• D: 1 3 4

Câu hỏi 28: Có thể thêm thuộc tính vào một string hay không?

String.prototype.giveLydiaPizza = () => {
  return "Just give Lydia pizza already!";
};

const name = "Lydia";

name.giveLydiaPizza();

• A: "Just give Lydia pizza already!"
• B: TypeError: not a function
• C: SyntaxError
• D: undefined

Câu hỏi 29: Đặt object làm key thì chúng sẽ hoạt động như thế nào?

const a = {};
const b = { key: "b" };
const c = { key: "c" };

a[b] = 123;
a[c] = 456;

console.log(a[b]);

• A: 123
• B: 456
• C: undefined
• D: ReferenceError

Câu hỏi 30: Tìm hiểu một chút về stack trong Javascript.

const foo = () => console.log("First");
const bar = () => setTimeout(() => console.log("Second"));
const baz = () => console.log("Third");

bar();
foo();
baz();

• A: First Second Third
• B: First Third Second
• C: Second First Third
• D: Second Third First

Câu hỏi 31: Envet.target gì xảy ra khi click vào button?

<div onclick="console.log('first div')">
  <div onclick="console.log('second div')">
    <button onclick="console.log('button')">
      Click!
    </button>
  </div>
</div>

• A: first div
• B: secon div
• C: button
• D: Một mảng của tất cả các div lồng nhau

Câu hỏi 32: Khi bấm vào đoạn văn bản thì log ra cái gì?

<div onclick="console.log('div')">
  <p onclick="console.log('p')">
    Click here!
  </p>
</div>

• A: p div
• B: div p
• C: p
• D: div

Câu hỏi 33: Sự khác nhau của hàm call và hàm bind là gì?

const person = { name: "Lydia" };

function sayHi(age) {
  console.log(`${this.name} is ${age}`);
}

sayHi.call(person, 21);
sayHi.bind(person, 21);

• A: undefined is 21 Lydia is 21
• B: function function
• C: Lydia is 21 Lydia is 21
• D: Lydia is 21 function

Câu hỏi 34: typeof sayHi() là gì?

function sayHi() {
  return (() => 0)();
}

typeof sayHi();

• A: "object"
• B: "number"
• C: "function"
• D: "undefined"

Câu 35: Giá trị nào dưới đây là falsy?

0;
new Number(0);
("");
(" ");
new Boolean(false);
undefined;

• A: 0, '', undefined
• B: 0, new Number(0), '', new Boolean(false), undefined
• C: 0, '', new Boolean(false), undefined
• D: All of them are falsy

Câu 36: Kiểu của Kiểu của nummber trả về kết quả gì?

console.log(typeof typeof 1);

• A: "number"
• B: "string"
• C: "object"
• D: "undefined"

Câu hỏi 37: Set giá trị vượt quá độ dài của mảng trong Javascript thì xảy ra vấn đề gì?

const numbers = [1, 2, 3];
numbers[10] = 11;
console.log(numbers);

• A: [1, 2, 3, 7 x null, 11]
• B: [1, 2, 3, 11]
• C: [1, 2, 3, 7 x empty, 11]
• D: SyntaxError

Câu 38: Chương trình Javascript sau trả về kết quả gì?

(() => {
  let x, y;
  try {
    throw new Error();
  } catch (x) {
    (x = 1), (y = 2);
    console.log(x);
  }
  console.log(x);
  console.log(y);
})();

• A: 1 undefined 2
• B: undefined undefined undefined
• C: 1 1 2
• D: 1 undefined undefined

Câu 39: Mọi thứ trong JavaScript đều là gì?

• A: primitive or object
• B: function or object
• C: only objects
• D: number or object

Câu hỏi 40: Bạn đã hiểu về reduce chưa?

[[0, 1], [2, 3]].reduce(
  (acc, cur) => {
    return acc.concat(cur);
  },
  [1, 2]
);

• A: [0, 1, 2, 3, 1, 2]
• B: [6, 1, 2]
• C: [1, 2, 0, 1, 2, 3]
• D: [1, 2, 6]

Câu hỏi 41: Câu hỏi về toán tử !! tính chất truthy và falsy của dữ liệu.

!!null;
!!"";
!!1;

• A: false true false
• B: false false true
• C: false true true
• D: true true false

null là falsy. !null trả về true. !true trả về false.
 

"" là falsy. !"" trả về true. !true trả về false.
 

1 là truthy. !1 trả về false. !false trả về true
 

Câu 42: Phương thức setInterval trả về cái gì?

setInterval(() => console.log("Hi"), 1000);

• A: Một id duy nhất
• B: Số mili giây được chỉ định
• C: passed function
• D: undefined

Câu hỏi 43: Cách từng ký tự trong chuỗi đơn giản, ngắn gọn như thế nào?

[..."Lydia"];

• A: ["L", "y", "d", "i", "a"]
• B: ["Lydia"]
• C: [[], "Lydia"]
• D: [["L", "y", "d", "i", "a"]]

Chúc mừng bạn đã nâng cao thêm kỹ năng Lập trình Javascript của mình

• Đừng quên giắt túi "Bảng cửu chương Git" khi đi phỏng vấn ở bất kỳ công ty công nghệ nào nhé!

• Và sử dụng 17 dự án JavaScript để luyện tập nâng cao kỹ năng hơn nữa.