JavaScript学习笔记 第五章 函数

一、函数的定义

function fun(){
    代码块
}

二、匿名函数

没有函数名，不需要调用就可以起到函数的作用

Eg:

btn.onclick = function(){
    box2.style.background = 'pink';
}

三、window函数

window.onload: 先加载窗体，即先读取HTML代码，再读取JavaScript代码。

四、函数声明

// 两种方式声明函数
// 直接声明
function calcAge1(birthYear) {
    return 2022 - birthYear;
}

const age1 = calcAge1(2001);
// 赋值声明
const calcAge2 = function(birthYear) {
    return 2022 - birthYear;
}

const age2 = calcAge2(2001);
console.log(age1, age2);

五、箭头函数

const calcAge3 = birthYear => 2022 - birthYear;
const age3 = calcAge3(1991);
console.log(age3);

// 第二种声明方法
const yearUntilRetirement = birthYear => {
    const age = 2022 - birthYear;
    const retirement = 65 - age;
    return  retirement;
}

六、构造函数

function Person() {}
var per = new Person();

普通函数直接调用，构造函数需要添加new

//普通函数
function fun(){
    alert('Hello World !');
}
const fun = fun();

//构造函数
function fun1(){
    console.log('Hello World !~');
}
const newFun = new fun1();