js函数的定义及同名函数覆盖问题

用函数声明语法定义

function add(num1,num2){
    var sum = sum1 + sum2;
    return sum;
}
console.log(add(1,2));//3

用函数表达式定义

形式一

var sum = function(num1,num2){
   var sum = sum1 + sum2;
   return sum;
}
console.log(sum(1,2));//3

形式二

var sum = function s(num1,num2){
   var sum = sum1 + sum2;
   return sum;
}
console.log(sum(1,2));//3

形式二的作用等同于形式一,而且原函数名s就不代表函数了,等同于一个匿名函数。如果执行s(1,2)将会报错

使用Function的构造函数

var sum = new Function("num1","num2","num=num1+num2;return num");
console.log(sum(1,2));//3

当分别用前两种方式定义同一个函数时

  • 首先我们知道:JS函数没有重载,后面定义的同名函数会覆盖掉之前的函数。函数名是一个指针,值是一段字符串。
    定义的先后顺序会导致不同的结果,看下面两个例子
  1. 后用函数表达式定义
    结果符合我们的预期
function fn1(){
   alert("Hello World!");
}
fn1();//Hello World!
var fn1 = function(){
	alert("Hello!");
}
fn1();//Hello!
  1. 先用函数表达式定义
    为什么第二次输出的还是Hello, 而不是Hello World!
    原有由下:解析器会首先读取函数声明,再执行代码;而函数表达式的函数则会在执行到的时候解析器才会去解析。所以JavaScript引擎会提升函数声明到顶端(即相当于先用了函数声明定义,再用了函数表达式定义),而变量声明只是变量的声明部分提升,赋值并不执行。
var fn1 = function(){
    alert("Hello!");
}
fn1();//Hello!
function fn1(){
    alert("Hello World!");
}
fn1();//Hello!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值