開源日報每天推薦一個 GitHub 優質開源項目和一篇精選英文科技或編程文章原文，堅持閱讀《開源日報》，保持每日學習的好習慣。
今日推薦開源項目：《CopilotKit》
今日推薦英文原文：《Top 10 tricky JavaScript questions that I used to ask in interviews》
開源項目
今日推薦開源項目：《CopilotKit》傳送門：項目鏈接
Build in-app AI chatbots 🤖, and AI-powered Textareas ✨, into react web apps.
英文原文
今日推薦英文原文：《Top 10 tricky JavaScript questions that I used to ask in interviews
》
推薦理由：前端面試高頻出現的 JavaScript 問題，比較基礎
Top 10 tricky JavaScript questions that I used to ask in interviews
Some tricky interview scheduling questions you will face. These questions seem easy, but there is something fishy about them. So today I』m going to show you 10 tricky questions to ask yourself before a programmer interview.
- Given a string, reverse each word in the sentence
var string = "Welcome to this Javascript Guide!";
var reverseEntireSentence = reverseBySeparator(string, "");
var reverseEachWord = reverseBySeparator(reverseEntireSentence, " ");
function reverseBySeparator(string, separator) {
return string.split(separator).reverse().join(separator);
}Read More: Frequently Asked Questions: Interview Questions for JavaScript
- How to empty an array in JavaScript?
var arrayList = ['a', 'b', 'c', 'd', 'e', 'f'];Method 1
arrayList = [];The above code sets the arrayList variable to a new empty array. This is recommended if you don』t have references to the original ArrayList elsewhere, as it actually creates a new empty array.
Method 2
arrayList.length = 0;The code above clears the existing array by setting its length to 0. This way of emptying the array also updates all reference variables that point to the original array.
Method 3
arrayList.splice(0, arrayList.length);The above implementation will also work just fine. Emptying the array in this way also updates all references to the original array.
- How would you check if a number is an integer?
A very easy way to check if a number is a decimal or an integer is to check if there is a remainder when divided by 1.
- Please explain what a callback function is and give a simple example.
function modifyArray(arr, callback) {
arr.push(100);
callback();
}
var arr = [1, 2, 3, 4, 5];
modifyArray(arr, function() { console.log("array has been modified", arr); });
```
A callback function is a function that is passed as an argument to another function and executed after an operation completes. Below is an example of a simple callback function that logs into the console after performing a few operations. 5. Given two strings, returns true if they are anagrams of each other
5. Given two strings, return true if they are anagrams of one another
An 「anagram」 of a 「string」 is another character string containing the same characters, only the order of the characters can be different. For example, 「abcd」 and 「dabc」 are anagrams of each other.
```js
var firstWord = "Mary";
var secondWord = "Army";
isAnagram(firstWord, secondWord); // true
function isAnagram(first, second) {
// For case insensitivity, change both words to lowercase.
var a = first.toLowerCase();
var b = second.toLowerCase();
// Sort the strings, and join the resulting array to a string. Compare the results
a = a.split("").sort().join("");
b = b.split("").sort().join("");
return a === b;
}</code></pre>
<ol start="6">
<li>What will be the output of the following code?
<pre><code class="language-js">var y = 1;
if (function f() {}) {
y += typeof f;
}
console.log(y);</code></pre>
<p>The above code would output 1 undefined. If the conditional statement is evaluated with eval, then eval(function f() {}) returns function f() {}, which is true when the statement code is executed. typeoff returns undefined because when the statement code is executed at runtime, the statement inside the if condition is evaluated at runtime.</p></li>
</ol>
<p>Read Also : How JavaScript Works: An Overview Of The Engine, The Runtime, And The Call Stack?</p>
<ol start="7">
<li>What will the following code output?
<pre><code class="language-js">(function() {
var a = b = 5;
})();
console.log(b);</code></pre>
<p>The above code prints 5 even though it looks like the variable was declared inside a function and is not accessible outside of it. It』s because</p>
<pre><code class="language-js">
var a = b = 5;</code></pre></li>
</ol>
<p>is interpreted the following way:</p>
<p>var a = b; b = 5;</p>
<pre><code>8. What will the following code output?
```js
for (var i = 0; i < 4; i++) {
setTimeout(() => console.log(i), 0)
}The classic pitfall here is the Zero delays. setTimeout(callback, 0) doesn』t mean that the callback will be fire after zero milliseconds.
Here』s what happen on the event loop side:
Current Call Stack is set to the first setTimeout().
windows.setTimeout() is considered as a Web APIs (for better Non-Blocking I/O). So the call stack sends this part of code to correct Web APIs. After 0 milliseconds, the callback (here an anonymous function) would be sent to the Queue (not to the call stack).
As the call stack is free, for-loop can continue to the second setTimeout …(repeat after we meet this condition i < 4)…
Now the loop is over and i === 4. JS can now execute the callback queue one by one. Each console.log(i) will print the 4.
- Palindrome Problem
A palindrome is a word, phrase, or other type of string that can be read backwards or upside down. For example, 「racecar」 and 「Anna」 are palindromes. 「Tisch」 and 「Juan」 are not palindromes because they do not read the same from left to right and from right to left.const palindrome = str => { // turn the string to lowercase str = str.toLowerCase() // reverse input string and return the result of the // comparisong return str === str.split('').reverse().join('') } - Find the Vowels
This is probably one of the less challenging challenges (no pun intended) — in terms of difficulty — but that doesn』t detract from the fact that you could come across it during a job interview. It goes like this.const findVowels = str => { let count = 0 const vowels = ['a', 'e', 'i', 'o', 'u'] for(let char of str.toLowerCase()) { if(vowels.includes(char)) { count++ } } return count }That』s all for today. Thanks everyone for reading it till the end. Keep learning 🙂
下載開源日報APP：https://openingsource.org/2579/
加入我們：https://openingsource.org/about/join/
關注我們：https://openingsource.org/about/love/
