JS中var a=new function(){}与var a=function(){}与function a(){}的区别

本文探讨了JavaScript中三种常见的函数定义方法:全局函数、匿名函数及通过new操作符定义的函数,并通过具体示例展示了不同定义方式下函数的执行结果与特性。

1.function a(){}

该方法的定义是全局性的,就算在调用之后定义,系统也不会报错,可以理解为,系统在执行到该方法时再去找该方法的定义位置进行初始化。

2.var a=function(){}

匿名函数的定义方法,若是在定义之前调用了,系统会报错。可以理解为,只用运行到这个方法时才能对变量a进行初始化,若是没有对变量a初始化,则会报错。此时,a代表后面匿名函数的返回值。


3.var a=new function(){}

在javascript中,方法被当作一个类来处理,这中定义方式下,a即带表了这个方法的类,也就是这个方法本身。

但是有一种特殊情况,若是在该方法中,返回值为数组、方法、或是别的类,那么a不在表示该方法,而是表示返回的新类了。

 

情景一:
var a = new function() {return "圆心"}; 
alert(a); 
我们运行情景一代码,将返回显示“[object object] ”,此时该代码等价于: 

function x(){ 
    return "圆心"; 

var a = new x(); 
alert(a);我们对情景一的代码进行下面改造: 

var a = new function() {return new String("圆心")}; 
alert(a); 
我们运行,将会发现返回的是“圆心”,这是为什么呢? 

只要 new 表达式之后返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,如果返回(return)一个原始类型(无 return 时其实为 return 原始类型 undefined),那么就返回 new 创建的匿名对象
由于 new String 会构造一个对象,而不是一个 string 直接量,且new String(x) 如果带参数,那么alert它的时候就会返回 x。所以 yx01 将返回 new String(”圆心”) 这个对象,而 alert yx01 则显示 “圆心”。 

情景二: 

var a = function() {return "圆心"}(); 
alert(a);我们运行情景二代码,将返回显示“圆心”,此时该代码等价于: 

var x = function() {return "圆心"}; 
a = x(); 
alert(a);很明显,yx02 返回的是匿名函数的执行结果值,即 yx02 为:“圆心”。 
 

在 JavaScript 中,当在函数内部或特定代码块(如 `if` 语句块)中同时使用 `var` 和 `function` 声明相同名称的变量时,由于变量提升(hoisting)和函数提升的机制,可能会出现一些非直观的行为。 JavaScript 引擎在解析代码时会将 `var` 声明的变量提升到其作用域的顶部,而函数声明(`function`)不仅会被提升,还会连带函数体一起提升。这种行为在 `if` 语句块中尤其值得注意,因为 `var` 声明的作用域仍然是函数作用域,而不是块作用域。 ### 在 `if` 语句块中使用 `var` 和 `function` 声明同名变量 以下是一个示例: ```javascript function example() { if (true) { var foo = 10; function foo() {} } console.log(foo); } example(); ``` 在这个例子中,`var foo = 10;` 和 `function foo() {}` 都在 `if` 语句块中声明了变量 `foo`。由于 `var` 的作用域是函数作用域,而不是块作用域,因此 `var foo = 10;` 实际上是在 `example` 函数的作用域顶部被提升。而 `function foo()` 也会被提升,并且函数声明的提升优先于变量声明[^1]。 最终结果是,`foo` 被提升为函数,并且 `var foo = 10;` 覆盖了函数声明,因此 `console.log(foo)` 输出的是 `10`。 ### 另一个例子 ```javascript function example() { if (true) { function bar() { return 1; } var bar = 2; } console.log(bar); } example(); ``` 在这个例子中,`function bar()` 和 `var bar = 2;` 都在 `if` 语句块中声明了变量 `bar`。由于 `var` 声明和函数声明都会被提升,但函数声明的优先级更高,因此 `bar` 最初是一个函数。然而,`var bar = 2;` 会在运行时将 `bar` 赋值为 `2`,覆盖之前的函数声明[^2]。 最终结果是,`console.log(bar)` 输出的是 `2`。 ### 总结 在 JavaScript 中,`var` 和 `function` 声明同名变量时,函数声明的提升优先级高于变量声明。然而,`var` 声明的变量会在运行时覆盖函数声明。在 `if` 语句块中,`var` 声明的作用域仍然是函数作用域,而不是块作用域,这可能导致一些非直观的结果。因此,在编写代码时,应尽量避免在同一作用域内使用 `var` 和 `function` 声明同名变量,以避免混淆和潜在的错误[^3]。
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值