【ES6学习笔记】-----箭头函数与symbol_箭头函数 symbol-程序员宅基地

技术标签: Symbol  ES6  箭头函数  

【ES6学习笔记】—–箭头函数与symbol

一.箭头函数
我们在ES6以前写函数使用function这个关键字。 但是字ES6中出现了 =>, 有点像lambda表达式的感觉。这是ES6编写函数的新语法。
它使我们的代码变得更加简洁。比如我们在ES5可能会写如下代码

var overArr = mobileArr.map(function(dir){
    
    return dir.ifselected();
});

使用箭头函数则可以这么写

//ES6
var overArr = mobileArr.map(dir => dir.ifselected());

有意思吧~~~
那么如果有函数有两个参数呢?不多说看代码啦

//ES6
var overArr = mobileArr.map((boy, girl) => boy + girl);

那如果函数块里不止一行代码呢?

var overArr = mobileArr.map((boy, girl) => {
   if(boy.name == girl.name){
    return true;   
   }
   else  return false;
});

对啊就是这么简单,增加一个函数块就行了。
注意:如果只有一个语句那么是不用加函数块的,而且会默认返回这个语句执行后的值;但是如果有多个语句,就必须写函数块,并且默认返回值也就没有了,要返回必须手动返回

还有一点需要注意:我们看下面这个代码示例

 var chewToys = puppies.map(puppy => {}); // 这样写会报 Bug!
 var chewToys = puppies.map(puppy => ({})); 

如果你要返回一个对象!!而且只有一个语句,那么必须给这个对象加上括号!!!
因为 {} 你的意思可能是返回一个空对象,但是会和函数块的花括号混淆~所以必须加上括号~代表你返回的是一个对象而不是要写一个函数块~

我们说了这么多如何使用箭头函数,那么我们来讨论一下箭头函数的this吧!
开门见山! 箭头函数没有自己的this,箭头函数的this继承自外围作用域
见如下代码!

    var tryHandle = {
        ruihaoName : 'ruihaolee',
        tryHandleFun : function(){
            var ceshiArr = ['web', 'android', 'ios', 'windows'];
            ceshiArr.map(() => {
                console.log(this.ruihaoName);
            });
        }
    }
    tryHandle.tryHandleFun();

最后控制台会输出 ‘ruihaolee’
在ES5中如果我们使用function去写会报错的。因为ES5function中的this并没有ruihaoName。
我们使用箭头函数后,this继承外围作用域,外围作用域的this是tryHandle。所以this.ruihaoName当然也会输出!!!
好了箭头函数就总结到这里吧~~


二.来谈谈symbol吧!
我们先说说ES6之前的JS有几种数据类型吧!
1.Undefined 未定义
2.Null 空值
3.Boolean 布尔类型
4.Number 数字类型
5.String 字符串类型
6.Object 对象类型
没错。symbol是ES6中的一种全新类型!
ES6 新特性中的 symbol 也是值,但它不是字符串,也不是对象,而是是全新的——第七种类型的原始值
它有什么用呢? 你在使用库或者作为一个库的开发者,你必须非常小心的给大家都可以访问到的对象添加属性,如果同名属性就会覆盖,造成不知名的bug。让Symbol来拯救你吧!

var mySymbol = Symbol();
obj[mySymbol] = 'ruihaolee';//保证不会冲突
console.log(obj[mySymbol]);

到底什么是Symbol?

 > typeof Symbol()
 "symbol"

确切地说,symbol 与其它类型并不完全相像。
symbol 被创建后就不可变更,你不能为它设置属性(在严格模式下尝试设置属性
会得到 TypeError 的错误)。他们可以用作属性名称,这些性质与字符串类似。
另一方面,每一个 symbol 都独一无二,不与其它 symbol 等同,即使二者有相同的
描述也不相等;你可以轻松地创建一个新的 symbol。这些性质与对象类似。

获取Symbol的三种方法:
调用 Symbol()。正如我们上文中所讨论的,这种方式每次调用都会返回一个新的
唯一 symbol。
调用 Symbol.for(string)。这种方式会访问 symbol 注册表,其中存储了已经存在
的一系列 symbol。这种方式与通过 Symbol()定义的独立 symbol 不同,symbol 注册表
中的 symbol 是共享的。如果你连续三十次调用 Symbol.for(“cat”),每次都会返回相
同的 symbol。注册表非常有用,在多个 web 页面或同一个 web 页面的多个模块中经常
需要共享一个 symbol。
使用标准定义的 symbol,例如:Symbol.iterator。标准根据一些特殊用途定义
了少许的几个 symbol。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq243541844/article/details/52028820

智能推荐

springboot接收枚举值的默认方式_springboot get请求怎么接收前端传递的枚举数字-程序员宅基地

文章浏览阅读1.6k次。测试代码:@PostMapping() public void test(@RequestBody Student student){ System.out.println(student.getLover().name()); }class Student{ private Lover lover; public Lover getLover() { return lover; } public void setLover_springboot get请求怎么接收前端传递的枚举数字

【数学建模笔记】【第七讲】多元线性回归分析(二):虚拟变量的设置以及交互项的解释,以及基于Stata的普通回归与标准化回归分析实例_stata两个虚拟变量的交互项-程序员宅基地

文章浏览阅读1.5w次,点赞24次,收藏120次。简单来说就是去量纲后的回归(因为你要比较不同变量之间的显著性的大小,那么带着量纲怎么比,所以先把量纲去掉,然后再比较)官话:为了更为精准的研究影响评价量的重要因素(去除量纲的影响),我们可考虑使用标准化回归系数。_stata两个虚拟变量的交互项

mysql-程序员宅基地

文章浏览阅读203次。有时候安装mysql后使用mysql命令时报错 Can't connect to MySQL server on localhost (10061),或者用net start mysql 时报服务名无效,一般是因为mysql服务没有启动。这时候可以用管理身份运行cmd.exe(注意必须是管理..._c:\program files\mysql\mysql server 5.6\bin>mysqld --install install/remove

亚信科技java笔试题答案_亚信笔试题卷以及答案.docx-程序员宅基地

文章浏览阅读6.2k次,点赞3次,收藏44次。亚信联创科技校园招聘B 卷考试时间60_分钟 _考试方式(闭)卷(本试卷满分 100 分,答案请写在答题卡上)请不要在问卷上答题或涂改,笔试结束后请务必交回试卷部分内容分值备注一、计算机基础40分C/C++语言基础40分技能部分二、二选一JAVA 语言基础40分三、数据库20分总分100 分第一部分——计算机基础一、选择题(每题 2 分,总分 40分)1.CPU 状态分为目态和管态两种..._亚信科技java实习笔试题

三线城市程序员的薪资待遇怎么样?我分享提高java技术水平的几个方法_三线城市学java-程序员宅基地

文章浏览阅读1.3k次。3年对一个程序员来说是非常重要的。像我自己本身就是做程序员的,目前的薪资待遇是13K左右,虽然在我所在的公司不是最高的,但在所在的这个城市的消费水平来说,除了日常的开支,包括房租、水电、伙食、人际交往等费用之外,还能留下一部分闲钱自己存起来。不同城市的薪资待遇是不一样的,这主要是由于当地的消费水平和经济发展水平不同,所以如果你想要更高的薪资待遇,就要考虑在一线城市或者经济发达的城市工作。一个有着丰富工作经验的程序员,他的技能水平、经验和能力都比没有经验的程序员更加出色,所以他们的薪资待遇也会更高一些。_三线城市学java

Unity渲染顺序相关学习_unity overlaycamera depth-程序员宅基地

文章浏览阅读975次。1、camera(depth越小,越先渲染)2、sorting layer(值越小,越先渲染)(下面还有个sortingOrder 值越小,越先渲染)3、渲染队列renderQueue(值越小,越先渲染)4、深度值(距离相机越近该值越小,越远该值越大。)..._unity overlaycamera depth

随便推点

AAC ADTS封装实现-程序员宅基地

文章浏览阅读1.2k次。一、AAC音频格式种类有哪些AAC音频格式是一种由MPEG-4标准定义的有损音频压缩格式。AAC包含两种格式 ADIF(Audio Data Interchange Format音频数据交换格式)和ADTS(Audio Data transport Stream音频数据传输流)。ADIF特点:可以确定的找到音视频数据的开始,不需要进行在音视频数据流中间开始的解码,它的解码必须在明确的定义开始。应用场景:常用在磁盘文件中。ADTS特点:具有同步字的比特流,解码可以在这个流中任何位置开始。类似于mp_aac adts

Unity基础概念_unity基本概念-程序员宅基地

文章浏览阅读213次。像要使用Resouce类,必须创建一个 Resouce 文件夹,然后把需要的资源放进去,才可以在代码中设置路径进行访问_unity基本概念

在gitlab中指定自定义 CI/CD 配置文件_gitlab配置cicd-程序员宅基地

文章浏览阅读2.4k次。指定自定义 CI/CD 配置文件,顾名思义就是在项目中指定文件来代替默认的.gitlab-ci.yml文件的方式来运行流水线。以往我们在使用流水线的时候,都是默认将.gitlab-ci.yml文件存在在项目的跟路径下,但是我们也可以指定备用文件名路径,或者不想在每个项目中来维护这个yml文件,那么通过自定义 CI/CD 配置文件便可以实现。_gitlab配置cicd

mysql出现#1063 - Incorrect column specifier for column 'id'的解决方法_sql 错误 [1063] [42000]: incorrect column specifier -程序员宅基地

文章浏览阅读1w次。出现这个表示如果设置了自动增长,字段类型应该设置为int整型。_sql 错误 [1063] [42000]: incorrect column specifier for column 'id' incorrec

java getlength_JAVA RSA-DerInputStream.getLength(): lengthTag=127, too big.-程序员宅基地

文章浏览阅读1k次。RSA 加载公钥时: Caused by: java.security.InvalidKeyException: IOException: DerInputStream.getLength(): lengthTag=127, too big.加载公钥代码段:public static String getPubKeyByCer(String cerPath){String pubKey = "";..._java.security.invalidkeyexception: ioexception : derinputstream.getlength():

鸿蒙HarmonyOS从零实现类微信app效果第一篇,基础界面搭建_安卓开发鸿蒙写的优美界面-程序员宅基地

文章浏览阅读794次。最近鸿蒙HarmonyOS开发相关的消息非常的火,传言华为系手机后续将不再支持原生Android应用,所以对于原Android应用开发对应的Harmony版本也被一系列大厂提上了日程。作为一个名义上的移动端开发工程师((⊙o⊙)…,最近写python多过Android),当人不让要来学习一波。本次的学习计划是实现一个类微信app效果,计划将常规的app效果都实现一下,以便后续如果需要写Harmony应用,可以直接上手。由于我本人有多年的开发经验和多种语言的开发经验,对于Javascript和。_安卓开发鸿蒙写的优美界面