जावास्क्रिप्ट साक्षात्कार के लिए 23 कठिन प्रश्न

1. जावास्क्रिप्ट इक्विटी वैलिडेशन फीचर्स बताएं

कठिनाई: *

• सख्त समानता ऑपरेटर ( ===) प्रकार रूपांतरण किए बिना समानता के लिए मूल्यों की जांच करता है।
• गैर-सख्त समानता ऑपरेटर ( ==) समानता के लिए मूल्यों की जांच करता है, उन्हें एक सामान्य प्रकार में परिवर्तित करता है।

var a = "42";
var b = 42;

a == b;         // true
a === b;        // false

• यदि किसी भी तुलनात्मक मान का मान हो सकता है trueया false- ऑपरेटर से बचने का प्रयास करें ==। एक ऑपरेटर का उपयोग करें ===।
• ऑपरेटर का प्रयोग करें ===घटना में है कि आप निम्न मान के साथ काम कर रहे हैं: 0, «»या [](खाली सरणी)।
• अन्य सभी मामलों में, आप सुरक्षित रूप से ऑपरेटर का उपयोग कर सकते हैं ==। इसके अलावा, यह न केवल सुरक्षित है, बल्कि कोड को सरल बनाने और इसकी पठनीयता में सुधार करने में भी मदद करता है।

2. एक तार्किक प्रकार के मूल्यों के लिए कास्टिंग का उदाहरण दें जो इस प्रकार से संबंधित नहीं हैं

कठिनाई: ***

• «» (खाली लाइन)।
• 0, -0, NaN(नंबर नहीं है)।
• null, undefined।

• «hello»।
• 42।
• [ ], [ 1, «2», 3 ](सरणियाँ)।
• { }, { a: 42 }(वस्तुएँ)।
• function foo() { .. } (कार्यों)।

3. IIFE क्या है?

कठिनाई: ***

(function IIFE(){
    console.log( "Hello!" );
})();
// "Hello!"

4. मुझे ES6 में दिखाई देने वाले तीर फ़ंक्शन का उपयोग कब करना चाहिए?

कठिनाई: ***

• functionवैश्विक दायरे में और गुणों के लिए कीवर्ड का उपयोग करें Object.prototype।
• functionऑब्जेक्ट कंस्ट्रक्टर के लिए कीवर्ड का उपयोग करें ।
• अन्य मामलों में, तीर फ़ंक्शंस का उपयोग करें।

• संदर्भ के साथ सुविधाजनक काम। एरो फ़ंक्शंस thisआसपास के संदर्भ के मूल्य का उपयोग अपने स्वयं के बिना करते हैं this। यदि ऐसे कार्यों को क्रमिक रूप से उपयोग किया जाता है, तो जटिल निर्माणों में सामान्य कार्यों का उपयोग किए बिना, यह संदर्भ के साथ सुरक्षित कार्य सुनिश्चित करता है।
• सघनता। तीर फ़ंक्शन कोड दर्ज करना आसान है और पढ़ने में आसान है। शायद सामान्य लोगों पर तीर के कार्यों का यह लाभ आपको विवादास्पद लगता है और प्रत्येक विशिष्ट डेवलपर के दृष्टिकोण पर निर्भर करता है।
• कोड स्पष्टता। यदि लगभग सभी कोड को तीर के कार्यों द्वारा दर्शाया जाता है, तो कोई भी सामान्य फ़ंक्शन इस तरह के कोड में अपना संदर्भ बनाकर प्रतिष्ठित किया जाता है। एरो फ़ंक्शंस का उपयोग करके, प्रोग्रामर एक अधिक समझने योग्य कोड बनाता है, जिसमें एरो फ़ंक्शंस के बिना कोड की तुलना में काम करना आसान होता है this।

5. ईएस 6 वर्गों और फ़ंक्शन निर्माणकर्ताओं के बीच क्या अंतर है?

कठिनाई: ***

function Person(name) {
  this.name = name;
}

class Person {
  constructor(name) {
    this.name = name;
  }
}

function Student(name, studentId) {
  //      ,   .
  Person.call(this, name);

  //    .
  this.studentId = studentId;
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

class Student extends Person {
  constructor(name, studentId) {
    super(name);
    this.studentId = studentId;
  }
}

6. हमें Function.prototyp.bind () विधि के बारे में बताएं।

कठिनाई: ***

7. आमतौर पर किन अनाम कार्यों का उपयोग किया जाता है?

कठिनाई: ***

(function() {
  // - .
})();

setTimeout(function() {
  console.log('Hello world!');
}, 1000);

const arr = [1, 2, 3];
const double = arr.map(function(el) {
  return el * 2;
});
console.log(double); // [2, 4, 6]

8. ऑब्जेक्ट.फ्रीज () विधि और कॉन्स्टेबल कीवर्ड के बीच अंतर क्या है?

कठिनाई: ***

const person = {
    name: "Leonardo"
};
let animal = {
    species: "snake"
};
person = animal; // Uncaught TypeError: Assignment to constant variable.

let person = {
    name: "Leonardo"
};
Object.freeze(person);
person.name = "Lima"; // Uncaught TypeError: Cannot assign to read only property 'name' of object
console.log(person);

9. "जेनरेटर" क्या है?

कठिनाई: ***

function* makeRangeIterator(start = 0, end = Infinity, step = 1) {
    let iterationCount = 0;
    for (let i = start; i < end; i += step) {
        iterationCount++;
        yield i;
    }
    return iterationCount;
}

10. जनरेटर का उपयोग कब किया जाना चाहिए?

कठिनाई: ***

• जिस कोड में जनरेटर का उपयोग किया जाता है वह निर्धारित करता है कि अगला मूल्य कब प्राप्त होता है। जनरेटर केवल लौटने के मूल्यों के लिए जिम्मेदार है, इसे बाहर से नियंत्रित किया जाता है।
• अतुल्यकालिक जनरेटर हैं। वे आपको अतुल्यकालिक डेटा धाराओं के साथ काम करने की अनुमति देते हैं।

11. “परिवर्तनशील चर” क्या है?

कठिनाई: ****

12. निम्नलिखित कोड आउटपुट क्या होगा?

कठिनाई: ****

var output = (function(x) {
  delete x;
  return x;
})(0);

console.log(output);

13. निम्नलिखित कोड आउटपुट क्या होगा?

कठिनाई: ****

var Employee = {
  company: 'xyz'
}
var emp1 = Object.create(Employee);
delete emp1.company
console.log(emp1.company);

console.log(emp1.hasOwnProperty('company')); // false

14. प्रोटोटाइप डिजाइन पैटर्न के बारे में बताएं।

कठिनाई: ****

15. ES6 में "अस्थायी डेड जोन" क्या है?

कठिनाई: ****

//console.log(aLet)  //  ReferenceError

let aLet;
console.log(aLet); // undefined
aLet = 10;
console.log(aLet); // 10

16. क्या आप फ़ोरच () और मानचित्र () सरणी विधियों के बीच मुख्य अंतर का वर्णन कर सकते हैं? किन स्थितियों में आप इनमें से किसी एक विधि को दूसरे के लिए पसंद करेंगे?

कठिनाई: ****

• यह ऐरे के तत्वों पर निर्भर करता है।
• यह सरणी के प्रत्येक तत्व के लिए इसमें दिया गया कॉलबैक फ़ंक्शन करता है।
• यह कुछ भी वापस नहीं करता है।

const a = [1, 2, 3];
const doubled = a.forEach((num, index) => {
  //  -  num /  index.
});

// doubled = undefined

• यह ऐरे के तत्वों पर निर्भर करता है।
• यह मूल सरणी के प्रत्येक तत्व को नए सरणी के एक तत्व में परिवर्तित करता है, मूल सरणी के प्रत्येक तत्व के लिए इसे पारित फ़ंक्शन को बुलाता है।

const a = [1, 2, 3];
const doubled = a.map(num => {
  return num * 2;
});

// doubled = [2, 4, 6]

17. अघोषित चर, अशक्त मान वाले चर और अपरिभाषित चर में क्या अंतर है? इस तथ्य के लिए एक चर की जांच कैसे करें कि यह अघोषित है, साथ ही साथ अशक्त और अपरिभाषित है?

कठिनाई: ****

function foo() {
  x = 1; //     ReferenceError
}

foo();
console.log(x); // 1

var foo;
console.log(foo); // undefined
console.log(foo === undefined); // true
console.log(typeof foo === 'undefined'); // true

console.log(foo == null); // true.        undefined!

function bar() {}
var baz = bar();
console.log(baz); // undefined

var foo = null;
console.log(foo === null); // true
console.log(typeof foo === 'object'); // true

console.log(foo == undefined); // true        null!

18. डिजाइन मॉड्यूल "ओपन मॉड्यूल" के बारे में बताएं

कठिनाई: *****

var Exposer = (function() {
  var privateVariable = 10;

  var privateMethod = function() {
    console.log('Inside a private method!');
    privateVariable++;
  }

  var methodToExpose = function() {
    console.log('This is a method I want to expose!');
  }

  var otherMethodIWantToExpose = function() {
    privateMethod();
  }

  return {
      first: methodToExpose,
      second: otherMethodIWantToExpose
  };
})();

Exposer.first();        // : This is a method I want to expose!
Exposer.second();       // : Inside a private method!
Exposer.methodToExpose; // undefined

19. मैप और वीकएप ऑब्जेक्ट्स में क्या अंतर है?

कठिनाई: *****

var map = new Map();
var weakmap = new WeakMap();

(function() {
    var a = {
        x: 12
    };
    var b = {
        y: 12
    };

    map.set(a, 1);
    weakmap.set(b, 2);
})()

20. जावास्क्रिप्ट फ़ंक्शन में पैरामीटर कैसे पारित किए जाते हैं: संदर्भ या मूल्य से?

कठिनाई: *****

function changeStuff(a, b, c)
{
  a = a * 10;
  b.item = "changed";
  c = {item: "changed"};
}

var num = 10;
var obj1 = {item: "unchanged"};
var obj2 = {item: "unchanged"};

changeStuff(num, obj1, obj2);

console.log(num);
console.log(obj1.item);
console.log(obj2.item);

10
changed
unchanged

21. किसी वस्तु का "डीप फ्रीज" कैसे व्यवस्थित करें?

कठिनाई: *****

let person = {
    name: "Leonardo",
    profession: {
        name: "developer"
    }
};
Object.freeze(person); //   
person.profession.name = "doctor";
console.log(person); // { name: 'Leonardo', profession: { name: 'doctor' } }

function deepFreeze(object) {
    let propNames = Object.getOwnPropertyNames(object);
    for (let name of propNames) {
        let value = object[name];
        object[name] = value && typeof value === "object" ?
            deepFreeze(value) : value;
    }
    return Object.freeze(object);
}
let person = {
    name: "Leonardo",
    profession: {
        name: "developer"
    }
};
deepFreeze(person);
person.profession.name = "doctor"; // TypeError: Cannot assign to read only property 'name' of object

22. जावास्क्रिप्ट प्रोग्रामर को इस कीवर्ड का उपयोग करने में परेशानी क्यों हो रही है?

कठिनाई: *****

• यदि फ़ंक्शन को सामान्य रूप में कहा जाता है (जो कि व्यू कंस्ट्रक्शन का उपयोग कर रहा है someFunc()), तो यह thisवैश्विक ऑब्जेक्ट (ब्राउज़र में यह window) को संदर्भित करेगा । यदि कोड को सख्त मोड में निष्पादित किया जाता है, तो एक thisमान लिखा जाएगा undefined।
• यदि फ़ंक्शन को ऑब्जेक्ट की एक विधि के रूप में कहा जाता है, तो कीवर्ड thisउस ऑब्जेक्ट द्वारा प्रतिनिधित्व किया जाएगा जो विधि का है।
• call apply, this , call apply.
• , this .
• , new, this , prototype -.
• यदि फ़ंक्शन को बाइंड विधि का उपयोग करके बनाया गया था , तो thisफ़ंक्शन कीवर्ड bindपहले तर्क के रूप में पारित मूल्य के लिए सख्ती से बाध्य होगा । यह नियम का एकमात्र अपवाद है कि फ़ंक्शन में हार्ड-कोडित मान नहीं है this। उपयोग bindकिए गए कार्य अपरिवर्तनीय हैं this।

23. समान कार्यक्षमता को लागू करने के लिए एसिंक्स / वेट निर्माण और जनरेटर के उपयोग की तुलना करें

कठिनाई: *****

• जब एक विधि का उपयोग करके जनरेटर को पुनरावृत्त किया जाता है, तो .next()इस पद्धति का प्रत्येक कॉल कीवर्ड का उपयोग करके एक एकल मान लौटाता है yield। Async / प्रतीक्षा निर्माण का उपयोग करते समय, प्रतीक्षा अभिव्यक्तियों को क्रमिक रूप से निष्पादित किया जाता है।
• Async / प्रतीक्षित डिज़ाइन एक विशिष्ट जनरेटर उपयोग मामले के कार्यान्वयन को सरल करता है।
• जनरेटर द्वारा लौटाए गए मूल्यों में हमेशा फॉर्म होता है {value: X, done: Boolean}, और एसिंक्रोनस फ़ंक्शन मान के साथ हल किए गए वादों को वापस करते हैं X, या विफल होते हैं।
• एक एसिंक्रोनस फ़ंक्शन को वादों का उपयोग करके जनरेटर में परिवर्तित किया जा सकता है। निम्नलिखित इस तरह के रूपांतरण का एक उदाहरण है।

//  
async function init() {
    const res1 = await doTask1();
    console.log(res1);

    const res2 = await doTask2(res1);
    console.log(res2);

    const res3 = await doTask3(res2);
    console.log(res3);

    return res3;
}

init();

//    
function runner(genFn) {
    const itr = genFn();

    function run(arg) {
        let result = itr.next(arg);

        if (result.done) {
            return result.value;
        } else {
            return Promise.resolve(result.value).then(run);
        }
    }

    return run;
}

//   runner    
runner(function* () {
    const res1 = await doTask1();
    console.log(res1);

    const res2 = await doTask2(res1);
    console.log(res2);

    const res3 = await doTask3(res2);
    console.log(res3);

    return res3;
});