箭头函数 let与var

深藏阁楼爱情的钟 2023-07-06 06:13 17阅读 0赞

## 箭头函数 ##

箭头函数ES6的一个新特性.  
一个简单的函数如下:

() => "simple function"
    
    // () 代表函数参数
    // => 函数体定义的开始
    // =>后面的内容为函数体

可以看到在ES6中可以省略`function`管关键字来定义函数,使用`=>`操作符来定义函数体,故此称为**箭头函数**.  
上面定义了一个没有名字的匿名函数,我们也可以创建一个有名字的函数.

var simpleFn = () => "simple function"

现在我们就可通过`simpleFn`引用去调用该函数.  
这里我们省略了`return`语句,因为在ES6中,当函数体只有一条语句时,隐式地返回该语句执行后的值,当有多条语句时,可显式的用`return`返回我们需要的数据即可!

## let与var ##

这里谈一下let与var两个关键字,都是为了声明变量,let是JavaScript新增加的关键字.它允许声明限制在一个特定块作用域内的变量!

如果先接触过诸如C,Java这类强类型语言的,每一个变量都有自己的作用域,对于C语言而言,大括号内声明的变量,一旦离开大括号该变量就不存在了,然而JavaScript中var声明的变量始终具有全局性,不管是在什么地方声明的,刚开始接触觉得这个设计有点反人类.

好在ES6中出现了let关键字,let并不是什么高大上的语法,只是为了让var反人类的操作恢复正常,也就是let声明的变量就和C,Java等语言中的变量具有块级作用域.

var simpleFn = () => { 
        if (true) {  // if块级作用域开始
            let a = 1;
            var b = 2;
            console.log(a);
            console.log(b);
        } // if块级作用域结束
        console.log(a);
        console.log(b);
    }

正常情况下,a,b变量应该在if语句块结束后,变量变销毁了,但是在JavaScript中用var声明的变量,即使if块级结束后,变量b依然存在,只有用let声明的变量才会销毁.

个人理解JavaScript中var声明变量对于JavaScript倡导的函数式编程产生了很大的矛盾,所以引入了let关键字.

## export与import ##

ES6引入了模块的概念.ES6模块存储在文件中.即一个`.js`文件就可以看作为一个模块.`export`用于将当前模块中的函数以便其他函数方便使用,`import`则是将导出的函数导入.

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 TypeScript学习——let、var

一、let 与 var let 是在代码块内有效，var 是在全局范围内有效: { let a = 0; var b = 1;

本是古典何须时尚/ 2023年08月17日 15:29/ 0 赞/ 54 阅读

相关箭头函数 let与var

箭头函数箭头函数ES6的一个新特性. 一个简单的函数如下: () => "simple function" // () 代表函数参数

深藏阁楼爱情的钟/ 2023年07月06日 06:13/ 0 赞/ 18 阅读

相关 var let const区别

在ES6（ES2015）出现之前，JavaScript中声明变量就只有通过 var 关键字，函数声明是通过 function 关键字，而在ES6之后，声明的方式有 var 、

快来打我*/ 2023年05月31日 07:25/ 0 赞/ 22 阅读

相关 let var const详解

> 1.首先什么是变量提升 1. 函数及变量的声明都将被提升到函数的最顶部。 `注释：仅仅是被声明，而不是被赋值，函数的优先级会高于变量`

矫情吗；*/ 2022年12月28日 11:29/ 0 赞/ 140 阅读

相关 ES6解构赋值/箭头函数及var let const区别

var let const区别： 1.是否存在变量提升？ var声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undefine

旧城等待，/ 2022年12月23日 06:56/ 0 赞/ 29 阅读

相关 ES6基础（var let const 箭头函数）-学习笔记

文章目录 ES6基础（var let const 箭头函数）- 学习笔记定义：var let const 箭头函数

小鱼儿/ 2022年10月19日 00:52/ 0 赞/ 84 阅读

相关【JavaScript】let与var的区别及变量、函数提升

有var与无var的区别　　在函数内部，有var和没var声明的变量是不一样的。有var声明的是局部变量，没var的，声明的全局变量，所以可以借此向外暴露接口。 ----

àì夳堔傛蜴生んèń/ 2022年06月05日 11:11/ 0 赞/ 143 阅读

相关 let和var

刚看《数据结构与算法JavaScript描述》上说： > JavaScript中的变量默认是全局变量，严格地说，甚至不需要在使用前进行声明。那是不是说可以这么写呢：

Dear 丶/ 2022年02月24日 03:52/ 0 赞/ 227 阅读

相关 var let const区别

var let const区别 [https://baijiahao.baidu.com/s?id=1621787284851612777&wfr=spider&for=pc

Love The Way You Lie/ 2022年02月21日 16:28/ 0 赞/ 270 阅读

相关 JS ES6基本语法，箭头函数、var、let、const的异同，解构赋值

JS ES6基本语法，var、let、const的异同，解构赋值一、箭头函数简单的理解可以是简化代码，即当函数只有一个参数时可以省略（），当函数只有一个retur

痛定思痛。/ 2021年07月25日 21:35/ 0 赞/ 360 阅读