变量、函数声明，变量作用域；this指向；new( )相关

变量、函数声明，变量作用域

1、

console.log(x) // function x () {}
var x = 1
function x () {}
// 相当于：var x; function x () {}; console.log(x); x = 1
复制代码

2、

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
复制代码

3、

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') }）作为构造函数
复制代码

转载于:https://juejin.im/post/5cb7f144e51d456e486953f6