js中声明函数的几种方式

1、函数声明

//函数声明
fun1();

function fun1() {
    console.log("1");
}

2、函数表达式

//函数表达式
let fun2 = function () {
    console.log("2");
}
fun2();

函数声明和函数表达式的区别:

  1. 函数声明会将函数提升到最前面(即使你写代码的时候,代码在最后才写这个函数),成为全局函数;
  2. 函数声明要指定函数名,而表达式不用,可以作为匿名函数使用;

3、立即执行函数(IIFE)

//立即执行函数
(function fun3() {
    console.log("3");
})()

作用立即执行函数会形成一个单独的作用域,我们可以封装一些临时变量或者局部变量,避免污染全局变量;

使用场景:

  1. 代码在页面加载完成之后,不得不执行一些设置工作,比如事件处理器,创建对象等等;
  2. 所有的这些工作只需要执行一次,比如只需要显示一个时间;
  3. 需要一些临时的变量,但是初始化过程之后,就再也不会被用到,我们可以用立即执行函数,去将我们所有的代码包裹在它的局部作用域中,不会让任何变量泄漏成全局变量

4、构造函数

//构造函数
function Fun(name,age) {
    this.name=name;
    this.age=age
}
const obj=new Fun("张三",16);
console.log(obj);
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值