javaScript 函數
問題描述
function Foo(){ getName = function(){console.log(1); }; return this;}var getName = function (){ console.log(4)}; Foo().getName();
上面的代碼為什么輸出的是1;
foo()運行之后輸出了this,這個this是window對象,foo()中的getName是不是也就成了全局下的函數表達式;而下面的var getName也是一個函數表達式;為什么打印結果是1;
foo,執行后它等同于于下面這個代碼么?
getName = function(){ console.log(1);};var getName = function (){ console.log(4)}; getName(); //4
問題解答
回答1:沒調用Foo的時候
window.getName = function(){ console.log(4);}
調用Foo()的時候
getName = function(){console.log(1); };// 相當于更改了 window.getName
調用后Foo里面的return this的確指向window,所以最后結果是1.
回答2:function Foo(){ getName = function(){console.log(1); }; return this;}//全局聲明一個變量getNamevar getName = function (){ console.log(4)};//重新賦值getName = function () { console.log(1)}//最終打印結果為1window.getName()回答3:
Foo().getName(); 執行的是Foo中的getName
回答4:function Foo(){ getName = function(){console.log(1); }; return this;}var getName = function (){ console.log(4)};Foo().getName();
function Foo(){ getName = function(){console.log(1); }; return this;}var getName = function (){ console.log(4)};getName = function () { console.log(1)}window.getName()回答5:
你console.log(Foo())看看,確定是window?
回答6:Foo函數里面的getName不是用var申明的,所以是全局的,所以當Foo運行時函數里面的getName函數會覆蓋外面定義的
相關文章:
1. sql語句 - mysql中關聯表查詢問題2. python - django models 為生成的html元素添加樣式。3. css - chrome下a標簽嵌套img 顯示會多個小箭頭?4. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?5. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。6. html - vue項目中用到了elementUI問題7. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?8. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變9. mysql updtae追加數據sql語句10. javascript - 有什么比較好的網頁版shell前端組件?
