變量、函數聲明，變量做用域；this指向；new( )相關

變量、函數聲明，變量做用域

一、

console.log(x) // function x () {}
var x = 1
function x () {}
// 至關於：var x; function x () {}; console.log(x); x = 1
複製代碼

二、

var a = 5
function todo () {
  var a = 9 //【變量在函數內部聲明時帶有var就是局部變量，只能在函數內使用】
  return function () {
    a = 7
  }
}
todo()()
console.log(a) // 5
複製代碼

var a = 5
function todo () {
  a = 9 //【變量在函數內部聲明時沒有帶var就是全局變量，擁有全局做用域】
  return function () {
    a = 7
  }
}
todo()()
console.log(a) // 7
複製代碼

三、

var n = 3
function getn () {
  return n
}
var getn2 = (function(){
  n = 4
  var n 
  n = n*2
  return getn
  function getn () {
    return n
  }
})()

console.log(getn2()) // 8
console.log(getn()) // 3
複製代碼

var n = 3
function getn () {
  return n
}
var getn2 = (function(){
  n = 4
  n = n*2
  return getn
  function getn () {
    return n
  }
})()

console.log(getn2()) // 8
console.log(getn()) // 8
複製代碼

var n = 3
function getn () {
  return n
}
var getn2 = (function(){
  n = 4
  var n 
  n = n*2
  return getn
})()

console.log(getn2()) // 3
console.log(getn()) // 3
複製代碼

this指向

n = 1
var obj = {
  n: 4,
  dbl: (function(){ 
    this.n *= 2
    return function () {
      this.n *= 2
    }
  })()
}
var dbl = obj.dbl
dbl()
obj.dbl()
console.log(n, obj.n) // 4 8
複製代碼

new()相關

題目連接

function Foo () {
    getName = function () { console.log('1') } // 【變量未聲明就賦值，因此先在當前做用域內找，找不到去外層做用域找（已在window中找到，且將此時window中的getName = function () { console.log('4') }賦值爲function () { console.log('1') }），若還未找到則一直查找到window對象，若window對象中也沒有就在window對象中建立一個】
    // 【this.getName = function () { console.log('6') } 【實例屬性】 若此行不註釋，最後兩個在此處可找到，不會去原型中找，顧會打印出6】
    return this // 【構造函數 無返回值||返回基本類型，則實際返回其實例化對象; 返回引用類型 ——> 則實際返回該引用類型】
}
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  至關於：var getName; function getName() { console.log('5') }; getName = function () { console.log('4') };
Foo().getName() // 1  Foo()返回的this指向window，因此至關於：window.getName()，此時getName已被賦值爲function () { console.log('1') }
getName() // 1  至關於：window.getName()
new Foo.getName() // 2  至關於：new (Foo.getName)()
new Foo().getName() // 3  至關於：(new Foo()).getName()，new Foo()返回的this指向實例對象，先去構造函數Foo中找getName屬性，未找到（若取消此處註釋會打印出6），則去原型中找（打印出3） 【在自身找不到去原型中找】
new new Foo().getName() // 3  至關於：new ((new Foo()).getName)()，等同於把 Foo的實例化對象 的原型的getName屬性（即：function () { console.log('3') }）做爲構造函數
複製代碼