JS申明函数(function)时用变量(var)申明函数和常量(const)申明函数的区别

       可能天底下学前端的没几个会问这么白痴的问题,但很抱歉,我就是其中为数不多的白痴之一,所以在你看之前,如果你知道答案,退出去就好,因为其实笔者是写给自己看的,也算是记录下自己的“成长历程”。

       事情经过是这样的,笔者初入职场,刚接触真实的前端项目(之前笔者做的项目都是自己写着玩的),看项目时发现,项目中凡是申明函数时,都是用const申明的,这让我很不解,直接写函数申明function不香吗,或者用var也行啊,为啥一定要用const呢? 于是笔者开始了思考,首先咱们先明确var 和const的区别,var用来申明变量,而const用来申明常量,众所周知变量值是可以改变的,而常量一旦申明赋值就无法改变。所以用常量申明函数的好处就在于此,即当你不小心再用同样的命名申明函数时,会报错,而不是覆盖掉之前的函数。因为const是es6才有的,所以也很容易想到直接进行函数申明function,其函数也是存放在变量中的。所以当你申明函数时,用const申明不失为最好的选择。这样能避免函数太多时而忘记之前用同样的命名申明过函数,而导致之前的函数被覆盖的情况(即函数名指向新申明的函数而不是之前的函数)。

 

 

 

 

 

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 在 JavaScript 中,在函数方法内使用 `const` 和 `let` 有以下区别: 1. `const` 声明的变量是一个常量,一旦赋值就不能再改变。`let` 声明的变量可以重新赋值。 2. `const` 声明的变量必须在声明时初始化,否则会引发语法错误。而 `let` 声明的变量可以不进行初始化。 3. `const` 和 `let` 都是块级作用域的。块级作用域指的是在 `{}` 中定义的变量只在该区域内有效,外部无法访问。在函数内,块级作用域指的是在函数体中定义的变量。 4. `const` 保证变量的值不会被修改,但并不保证变量引用的对象不可变。如果使用 `const` 声明一个对象、数组或函数等引用类型的变量,该变量引用的对象的内容是可以修改的,但是该变量无法重新指向其他对象。 示例代码: ```javascript function example() { const a = 1; let b = 2; // 以下语句将会引发语法错误 // const c; // 以下语句将会引发语法错误 // a = 2; b = 3; if (true) { const a = 4; let b = 5; console.log(a); // 输出 4 console.log(b); // 输出 5 } console.log(a); // 输出 1 console.log(b); // 输出 3 const obj = { foo: 'bar' }; obj.foo = 'baz'; console.log(obj.foo); // 输出 'baz' // 以下语句将会引发语法错误 // obj = { hello: 'world' }; } ``` ### 回答2: 在JavaScript中,在函数方法内使用const和let有以下区别: 1. const声明的变量常量,其值无法被重新赋值。而let声明的变量是可变的,其值可以在同一作用域内被重新赋值。 2. const声明的变量必须在声明时进行初始化,即声明时就需要赋予一个值。而let声明的变量可以在之后的任何时间进行初始化。 3. const声明的变量在同一作用域内是块级作用域,只在声明所在的块内有效。而let声明的变量也是块级作用域,但可以通过外部作用域进行访问,且在块级作用域内存在暂时性死区。 4. const声明的变量不能被重复声明,即在同一作用域内不能重复使用相同的const变量名进行声明。而let声明的变量可以在同一作用域内多次声明。 总的来说,使用const声明的变量更适用于那些不需要重新赋值的常量,而let声明的变量更适用于那些需要在同一作用域内进行值的改变的情况。 ### 回答3: 在JavaScript中,在函数方法内使用const和let有一些区别。 首先,const声明的变量是一个常量,其值在声明后不能被修改。这意味着一旦使用const声明一个变量,在之后的代码中不能再给它赋新的值。例如: ``` function example() { const num = 5; num = 10; // 错误,const变量的值不能被修改 console.log(num); } ``` 上述代码将报错,因为我们试图将新的值赋给const变量`num`。因此,使用const可确保变量的值在声明后不被改变,这对于在函数内声明一些在整个函数执行过程中不变的值很有用。 而let声明的变量是具有块级作用域的,它只在声明它的块内部可见。块通常是由一对花括号`{}`定义的。与之相反,使用var声明的变量函数作用域的,其作用域是整个函数。例如: ``` function example() { if (true) { let x = 5; var y = 10; } console.log(x); // 错误,x只在if块内可见 console.log(y); // 输出10,y在整个函数内可见 } ``` 上述代码会输出错误,因为在函数外部访问变量`x`超出了它的作用域。但可以成功输出变量`y`的值,因为它是使用var声明的,其作用域是整个函数。因此,使用let可确保变量的作用域仅限于声明它的块内部,避免了全局作用域的变量污染。 简而言之,const声明的变量常量,其值不可修改;let声明的变量具有块级作用域,只在声明的块内可见。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值