JSGrit的前端之路

JS中的函数

2019-01-27  本文已影响0人  Grit0821

1. 函数的5种声明

  1. 具名函数
 function f(x,y){
     return x+y
 }
 f.name // 'f'
  1. 匿名函数
 var f
 f = function(x,y){
     return x+y
 }
 f.name // 'f'
  1. 具名函数赋值
 var f
 f = function f2(x,y){ return x+y }
 f.name // 'f2'
 console.log(f2) // undefined
  1. window.Function(全局函数)
 var f = new Function('x','y','return x+y')
 f.name // "anonymous"
  1. 箭头函数
 var f = (x,y) => {
     return x+y
 }
 var sum = (x,y) => x+y
 var n2 = n => n*n

2. 如何调用函数 f.call

f.call(asThis, input1,input2)
其中 asThis 会被当做 this,[input1,input2] 会被当做 arguments
禁止使用 f(input1, input2),因为学会 .call 才能理解 this

3. this 和 arguments

第一个参数是 this,后面参数组成一个伪数组arguments

function f(){
    'use strict'
    console.log(this)
}
f.call() //没有给this传值,打印undefined
function f(){
    console.log(this)
}
f.call()// 没有给this传值,打印window

4. 作用域

确定变量作用域:

  1. 先在离自己最近的作用域找声明(就近原则)(函数的最初作用域在声明语句而不是调用语句)
  2. 在爸爸范围找声明
  3. 都没有那就是全局变量

面试题:

拿到代码直接做——必然会错。请先提升声明

var a = 1
function f1(){
    alert(a) // 是多少
    var a = 2
}
f1.call()// undefined
var a = 1
function f1(){
    var a = 2
    f2.call()
}
function f2(){
    console.log(a) // 是多少
}
f1.call()// 1
var liTags = document.querySelectorAll('li')
for(var i = 0; i<liTags.length; i++){
    liTags[i].onclick = function(){
        console.log(i) // 点击第3个 li 时,打印 2 还是打印 6?
    }// 打印 6,变量还那个变量,但是里面的值会改变
}

5. 闭包

如果一个函数,使用了它范围外的变量,这个函数加上这个变量就叫做闭包

上一篇 下一篇

猜你喜欢

热点阅读