函数基础?重名函数的危险?构造函数?

本文深入探讨JavaScript中的函数概念,包括匿名函数、普通函数、构造函数的区别及应用,讲解函数调用、执行上下文及作用域链,同时分析重名函数与自执行函数的特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

函数基础?

var  fn1=function( ) {  }  指匿名函数,因为没有函数名鸭,即将匿名函数赋值给变量,执行变量函数就是执行这个匿名函数,且匿名函数不能在定义该函数之前执行,否则会报错。

function  fn2( ){  }普通函数,可以在定义之前调用该函数。

前面说过,js是解释性语言,在当前script标签内代码执行的开始阶段,若有普通函数,则会将普通函数(名)放入堆中,注意只是放入堆中,函数中的内容并没有解析执行,而是进行函数调用时即函数执行时,才会对函数里的代码块进行一次解析,调用一次解析一次。

不同script标签内的函数不能互调用,会报错,显示函数未定义。

 

重名函数的危险:

  1. 普通函数和匿名函数重名的话,匿名函数会覆盖普通函数,因为script标签在开始时就已经将函数放入堆中,而匿名函数是要代码执行或解析到匿名函数时才存入堆中,此时 如果名称相同,则会出现覆盖原函数
  2. 普通函数和变量重名,变量会覆盖普通函数

构造函数?

构造函数定义函数,使用全字符串,参数在最前面,后面的字符串内容是执行代码的语句

缺点:代码会做2次执行,第一次会将函数中的字符串解析成普通代码

第二次执行该代码,因此效率极低

优点:可以用任何语言来传入该js代码并执行

var  fn4 = new Function(“a” , “console.log( a )”);  前面内容a是参数

fn4( 10 );

 

btn.onclick=function (){  } 该onclick匿名函数不要写了,替换成如下函数

btn.addEventListener(“click”, clickHandler);  //clickHandler不是匿名函数了

function clickHandler( e ){   }

 

( function( ){ console.log(“这是一个自执行函数”) } ) ( );   

//后面的括号是执行该函数的意思,自执行函数只能执行一次,执行完成后 再也找不到了,变成孤儿对象了(该孤儿对象是有引用的,不可被回收)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值