1. 程式人生 > >new操作符和點運算子的優先順序

new操作符和點運算子的優先順序

  function Foo() {
        getName = function () { console.log(1)}; //會修改全域性的下的getName
        return this;// 建構函式的返回值值得注意,如果是引用型別,則得到引用資料,null除外
    }
    Foo.getName = function () { console.log(2);};
    Foo.prototype.getName = function () { console.log(3)};
    var getName = function () { console.log(4)};
    function getName() {console.log(5)}

    //請寫出以下輸出結果:
    Foo.getName();//2
    getName(); // 4
    Foo().getName(); // 1
    getName();// 1
    new Foo.getName(); // 2 這裡是new了一個Foo.getName函式,並沒有先執行Foo.getName()在去執行new操作
    new Foo().getName(); // 3 (new Foo()).getName() 此時的getName是找到Foo建構函式的原型物件上的getName屬性
    new new Foo().getName(); // 3  new ((new Foo()).getName)();
    /*******************升級版********************/
    // function Foo() {
	// 		this.getName = function() {
	// 			console.log(3);
	// 			return {
	// 				getName: getName//這個就是第六問中涉及的建構函式的返回值問題
	// 			}
	// 		};//這個就是第六問中涉及到的, JS 建構函式公有方法和原型鏈方法的優先順序
	// 		getName = function() {
	// 			console.log(1);
	// 		};
	// 		return this
	// 	}
	// 	Foo.getName = function() {
	// 		console.log(2);
	// 	};
	// 	Foo.prototype.getName = function() {
	// 		console.log(6);
	// 	};
	// 	var getName = function() {
	// 		console.log(4);
	// 	};

	// 	function getName() {
	// 		console.log(5);
	// 	} //答案:
	// 	Foo.getName(); //2
	// 	getName(); //4
	// 	console.log(Foo())
	// 	Foo().getName(); //1
	// 	getName(); //1
	// 	new Foo.getName(); //2
	// 	new Foo().getName(); //3
    //             //多了一問
	// 	new Foo().getName().getName(); //3 1
	// 	new new Foo().getName(); //3