摘要：即構(gòu)造器的原型對(duì)象即構(gòu)造器的原型對(duì)象和的關(guān)系是每個(gè)對(duì)象都有的一個(gè)屬性，而是函數(shù)才會(huì)有的屬性。不可以使用對(duì)象，不存在，可以使用代替。在開(kāi)發(fā)過(guò)程中，需要保證某個(gè)元素的在其同級(jí)元素中具有唯一性。

1.理解原型、原型鏈？

每創(chuàng)建一個(gè)函數(shù)，函數(shù)上都有一個(gè)prototype的屬性，他是一個(gè)對(duì)象。這個(gè)對(duì)象的作用就是當(dāng)使用它創(chuàng)建實(shí)例的時(shí)候，這些實(shí)例都會(huì)共享原型上的屬性和方法。
當(dāng)我們?cè)L問(wèn)對(duì)象中的某個(gè)屬性時(shí)，如果這個(gè)對(duì)象內(nèi)部不存在這個(gè)屬性，那么他就會(huì)去__proto__里面去找這個(gè)屬性，這個(gè)__proto__又會(huì)有自己的__proto__，
就這么一直找下去直到最后一個(gè)__proto__值為null。

var A = function(){};
var a = new A();
console.log(a.__proto__); //A {}（即構(gòu)造器function A 的原型對(duì)象）
console.log(a.__proto__.__proto__); //Object {}（即構(gòu)造器function Object 的原型對(duì)象）
console.log(a.__proto__.__proto__.__proto__); //null

2. __proto__和prototype的關(guān)系？

__proto__是每個(gè)對(duì)象都有的一個(gè)屬性，而prototype是函數(shù)才會(huì)有的屬性。

舉例：var p = new Person();
其中p.__proto__ == Person.prototype。

3. 如何鑒別屬性是自有屬性還是原型屬性？

hasOwnProperty()方法返回true即為自有屬性，返回false有兩種可能

1.為原型屬性；

2.跟本不存在該屬性

所以判斷是否是原型屬性，要先用in判斷該對(duì)象中是否存在此屬性：

function hasPrototypeProperty(obj, name){
        return name in obj && !obj.hasOwnProperty(name);
    }

4.如何判斷某個(gè)對(duì)象是否是另一個(gè)對(duì)象的原型對(duì)象？

isPrototypeOf()；
例：function Cat(name,color){}
var cat1 = new Cat();
alert(Cat.prototype.isPrototypeOf(cat1)); //true

5. ES6箭頭函數(shù)注意點(diǎn) ？

1.函數(shù)體內(nèi)的this，是定義時(shí)所在的對(duì)象，而不是使用時(shí)所在的對(duì)象，始終指向自身外的第一個(gè)this。

2.不可以做構(gòu)造函數(shù)，也就是說(shuō)不可以使用 new 命令，否則會(huì)拋錯(cuò)。

3.不可以使用arguments對(duì)象，不存在，可以使用Rest代替。

使用Rest：
    var foo=(...arguments)=> {console.log(arguments);
}

6. 讓你開(kāi)始一個(gè)項(xiàng)目，你會(huì)選擇用 vue 還是 React？

1如果你喜歡用模板搭建應(yīng)用，請(qǐng)使用 vue。

2如果你的應(yīng)用需要盡可能小和快，請(qǐng)使用 vue。

3如果你計(jì)劃構(gòu)建一個(gè)大學(xué)型應(yīng)用，請(qǐng)使用 React。

4如果你想要同時(shí)適用于Web端和原生App的框架，請(qǐng)使用 React。

5如果你想要更大的生態(tài)圈（論壇等），請(qǐng)使用 React。

7. React創(chuàng)建組件的三種方式及其區(qū)別 ？

1.函數(shù)式定義（無(wú)狀態(tài)組件）：function 組件名(props,/context/){}

2.ES5之var 組件名= React.creatClass({})

3.ES6之class 組件名 extends React.Components{}

8. React 中 keys 的作用是什么 ？

keys 是用于追蹤哪些元素被修改、被添加、被刪除的輔助標(biāo)識(shí)。在開(kāi)發(fā)過(guò)程中，需要保證某個(gè)元素的 key 在其同級(jí)元素中具有唯一性。

9. 為什么接下來(lái)這段代碼不是 IIFE(立即調(diào)用的函數(shù)表達(dá)式)？

function foo(){ }()；

以function關(guān)鍵字開(kāi)頭的語(yǔ)句會(huì)被解析為函數(shù)聲明，而函數(shù)聲明是不允許直接運(yùn)行的。
只有當(dāng)解析器把這句話解析為函數(shù)表達(dá)式，才能夠直接運(yùn)行，

    解決1.
    (function foo(){
            // code..
    })()
    解決2.
    var foo =  function(){};
    foo();

10. js中如何判斷null和undefined ？

    if(typeof(a)=="undefined"){
        console.log("undefined")
    }
    if(typeof(a)!="undefined"&&a!=0&&!a){
        console.log("null")
    }

11. 實(shí)現(xiàn)一個(gè)數(shù)組亂序排列 ？

    var a = [1, 2, 3, 5, 4];
    function fn(a, b) {
        return Math.Random() - 0.5
    }
    a.sort(fn);//[5,1,2,4,3]
    
    
    var a = [1, 2, 3, 5, 4];
    function fn(a, b) {
        return a - b
    }
    a.sort(fn);//[1, 2, 3, 4, 5]
    
    
    var a = [1, 2, 3, 5, 4];
    function fn(a, b) {
        return b - a
    }
    a.sort(fn);//[5, 4, 3, 2, 1]

js如何區(qū)分?jǐn)?shù)組還是對(duì)象 ? (代表：實(shí)現(xiàn)深拷貝函數(shù))

第一種：Object.prototype.toString.call(a).slice(8,-1) == "Array" ? [] : {}

    var a = {};

    Object.prototype.toString.call(a);//"[object Object]"

    var a = [];

    Object.prototype.toString.call(a);//"[object Array]"

第二種：

    var a=[];
    var b={};
    typeof a === "object" && !isNaN(a.length)//true
    typeof b === "object" && !isNaN(b.length)//false

第三種：

    var a=[];
    var b={};
    Array.isArray(a);//true
    Array.isArray(b)//false

實(shí)現(xiàn)一個(gè)深拷貝函數(shù)：

function clone(obj) {
    if(typeof(obj)=="object"&&obj){//&&obj是排除obj=null
        //區(qū)分是數(shù)組還是對(duì)象，建立空數(shù)組或空對(duì)象
        var o = Array.isArray(obj) ? [] : {};
        for(var k in obj) {
            if(typeof(obj[k])=="object"){
                o[k] = clone(obj[k]);
            }else{
                o[k] = obj[k];
            }
        }
    }else{
        return obj;
    }
    return o;
}

...

微信公眾號(hào)：前端實(shí)習(xí)日記