JS中的函数

作者: Grit0821 | 来源:发表于2019-01-27 10:04 被阅读0次

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

  • strict模式
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. 闭包

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

相关文章

  • this

    this在js中主要研究的是函数中的this,不代表函数外没有this,函数外的this指向window js中的...

  • 2018-12-01

    js中括号操作属性 js函数 js换肤 变量和函数预解析 匿名函数 函数传参 函数return关键字 流程控制语句...

  • js中函数的函数

    函数是支撑一门编程语言的重要内容,在JavaScript(下面简称js)中,函数有多种声明和调用方式,而且函数的位...

  • 前端面试题(持续补充)

    js,node.js基础: 闭包 闭包是能够读取其他函数内部变量的函数。在js中,只有函数内部的子函数可以访问内部...

  • 函数如何在 JS 中是一等公民

    所谓一等公民,就是指函数在 JS 中可以作为变量,函数参数,函数返回值。 JS 中函数是一种特殊的对象。函数与对象...

  • JS中的数学函数Math

    JS中的数学函数MathMath 称为数学函数,属于对象类型的函数

  • 前端JS进阶二(ES6-Class语法)

    Class和普通构造函数有何区别 前端会使用ES6中的Class来代替JS中的构造函数 JS 构造函数 Class...

  • JS中的函数

    函数:预先定义好的,可以被反复利用的代码块 函数不调用不执行 格式:function fn(){//代码} fn...

  • js中的函数

    函数 命名函数 function show(){ //函数的定义 code } show() //函数的...

  • JS中的函数

    函数: function(){} 函数声明: function name(){ } 函数执行: name(); 函...

网友评论

    本文标题:JS中的函数

    本文链接:https://www.haomeiwen.com/subject/kflgjqtx.html