new操作符和點運算子的優先順序
阿新 • • 發佈:2019-04-10
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
- 詳情見:
- 部落格1