JavaScript 函数

函数

定义函数

  JavaScript使用关键字function定义函数

function functionName(parameters) {
    //do something
}

  实例:

function addTow(a, b) {
    console.log(a + b)
}

 

调用函数

function addTow(a, b) {
    console.log(a + b)
}

addTow(1, 2)

  

函数表达式(匿名函数)

  JavaScript函数可以通过一个表达式定义

  实例:

var addTow = function (a, b) {console.log(a + b)}
addTow(1, 2)

  以上函数实际是一个匿名函数(函数没有名称)。

  函数存储在变量中,不需要函数名称,通常通过变量名来调用。

函数提升

  在函数定义之前调用。(但是函数不能时匿名函数)。

  注意:和其他与语言不同(先定义,在执行)

addTow(1, 2)
function addTow(a, b) {
    console.log(a + b)
}

  

函数可以作为一个值使用

function addTow(a, b) {
    return a + b
}
var nu = addTow(1, 2)
console.log(nu)

  

函数时对象

  在javaScript中使用typeof判断函数的类型,结果为“function”。

  JavaScript函数有属性和方法。

  arguments.length属性返回函数调用过程接收到的参数个数

function addTow(a, b) {
    return a + b
}
var nu = addTow(1, 2)
console.log(nu)

  toString()方法将函数作为一个字符串返回。

function addTow(a, b) {
    return a + b 
}
var nu = addTow.toString()
console.log(typeof nu)  // string

  

 箭头函数

  ES6新增了箭头函数。

 语法结构:

(参数1,参数2,...,) => {函数声明}

 只有一个参数时,小括号可以省略(也可以不省略)。

参数1 => {函数声明}

 实例:

const nu = (a, b) => { return a + b }
console.log(nu(3,4))

 说明:

  1. 使用 const 比使用 var 更安全,因为函数表达式始终是一个常量。

  2. 如果函数部分只有一个语句,可以省略return和{}

  3. 箭头函数不能提升。

  4. 有的箭头函数都没有自己的 this。 不适合定义一个 对象的方法

  5. 当我们使用箭头函数的时候,箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层的 this 是一样的。

 

posted @ 2021-05-22 09:41  zhuang6  阅读(43)  评论(0)    收藏  举报