若米知识 > 百科 > es6使用技巧

es6使用技巧

导读长测蔚来ES6车机篇:智能座舱不以屏幕大小论英雄答有关注到上个月蔚来面向媒体做了一场智能座舱的体验活动。我下来看了一下各路老师们的分享,发现车机这东西如不经长期使用,...

今天若米知识就给我们广大朋友来聊聊es6的方法,以下关于观点希望能帮助到您找到想要的答案。

长测蔚来ES6车机篇:智能座舱不以屏幕大小论英雄

有关注到上个月蔚来面向媒体做了一场智能座舱的体验活动。我下来看了一下各路老师们的分享,发现车机这东西如不经长期使用,则体会终究不容易深入,在当下车机功能都大差不差的条件下无法分辨实质性差别。张局自购的新款蔚来ES6提车已近5个月,不如就一次性分享,把蔚来智能座舱的使用体验讲透彻。

先说结论,蔚来智能座舱算是在低调外表下,实现了在易用/顺滑、愉悦/性能、沟通能力、和手机互联等维度的遥遥领先。大家不需要diss我是否被充值,懂广告法的都知道广告不能说最好,而我认为至少蔚来在车机多项维度里的一大半做到了最好。

首先为什么是外表低调?因为在2023年的新能源汽车智能座舱竞争中,蔚来的屏幕系统依然克制,坚守以中控竖屏为座舱核心,且二代车型使用的12.8英寸屏幕规格也只比一代车型的只大一点点。蔚来各个车型的屏幕规格亦平权,旗舰车型新款蔚来ES8的中控和张局的新款蔚来ES6一样是12.8英寸,哪怕较贵的行政版、创始版车型也不会多给一块副驾屏幕或后排屏幕,甚至连选装机会都不会给。

当前蔚来单车终端均价是新势力里最高的,按理本应比其它品牌能容纳更高规格的硬件成本,但为什么蔚来在屏幕上就这么轴呢?为什么不像其它品牌们那样用“大彩电”去讨好消费者呢?

这其实源于蔚来基本的座舱设计理念:汽车首先是for me,为驾驶者,然后是for family,为家庭;最后是少数车型如ES8、ET7,能够兼顾for business的轻度商务场景。

for me,以驾驶者为最先导,意味着蔚来的座舱设计天生排斥副驾和后排娱乐屏对驾驶者的干扰,以便让驾驶注意力能够更加集中。结合我自己的体会,它不只是维护安全,更是为驾驶者排除焦虑场景,不必陷入对小孩子后排看屏幕伤眼睛的焦虑,以及不会因为家人播放娱乐节目的吵而烦躁。

可能有人会想,既然怕打扰,那买BBA不就行了吗?但事实并非如此,屏少不意味着座舱性能弱,比别人少两块屏的蔚来,依然能够在功能性、易用性、人机沟通、车机手机互联等维度做到当前业界水平的极致性。无论是for me的流畅和愉悦使用,还是for family的娱乐满足感,都是高分表现。

并且蔚来车机很好上手,是那种你在第一时间就觉得好用,而用一段时间后会越来越觉得好用的那一种。近几个月可能我唯一能想到蔚来车机做的没有其它车机好的地方,是手机投屏状态下的重度办公场景,没有鸿蒙车机好,后者简直是个电脑看报表了,而蔚来最多是调用车内摄像头飞书开个会,主打一个优雅。我很理解,因为蔚来的座舱开发精力可能根本没有放在这个点上,蔚来车主尽管也可以很精于事业,但生活往往比较有质感,和工作区隔的更好。

具体评价蔚来智能座舱,我觉得好的车机首先有好的情感带入。蔚来座舱很独特的一个点,在于营造出交互氛围,天生带有沟通感,这个功臣就是NOMI——那个仪表台中央头会转的机器人,在你和车机对话时它会有表情,它在仪式感上代表了车机的智商和人格本体。

NOMI在所有的蔚来车型上都是选装,价格4900元。其实没有NOMI蔚来车机一样可以对话,语音功能本身一点不会少。但NOMI依然成为蔚来所有选装项目里被买单率最高的一个,间接把蔚来平均单车成交价格向上拉升4900元,几乎没有车主在NOMI上拒绝被割韭菜,就像很多家庭对养宠物很舍得一样。

有的人选装NOMI因为小孩子喜欢,我买蔚来前张木木早就是NOMI的好朋友,我根本不敢不选。有的人买NOMI是因为它主打一个陪伴,当你和车机对话时,NOMI会转过头来和你说话,你知道它在聆听你。你放音乐时,它通过表情让你知道它也在听。NOMI一共开发有上百种表情,它甚至在你难过的时候它也会哀伤。

在每个品牌车机的共通项里,我认为蔚来做得比别人更好。这种更好主要体现在都是高分,没有什么短板。可能表现比较好的新势力车机,都会有90分的高分项目,比如鸿蒙的流畅和界面,比如理想丰富的软件生态等等。但蔚来用起来似乎每一项都是高分。当然前提都是说基于车机主屏,不能把后排看电影体验拿来田忌赛马。

车机共通项往往以语音识别、娱乐能力、车机界面和操作为主。

关于语音识别,可能大家在网络上常看到的车机评测是连续给车机几条不同指令,类似导航去哪里、开天窗、温度调到多少等等,看车机反应如何、是否会在几个问题后变得卡顿以及无法处理。

但这个测试对蔚来车机来说就很有趣了!如果你感兴趣,你在信号合格的地方去测试蔚来车机,你会发现它能够做到的是:可以不间断的一直处理的你的指令,哪怕是10条、20条甚至100条。

关于娱乐能力,现在行业主流头部车机基本都是8155芯片,应对音乐娱乐基本都能做到快速反应不卡顿,如以同等硬件为前提,那谁更优?

我认为首先被淘汰的应该是以“酷我”为默认音乐软件的车机们,你喊“我要听XX”,它需要用在酷我的音乐库里找,而年轻人的世界里基本只有QQ音乐和网易云,酷我的曲库规模和后两者完全不能比。

其次淘汰的是只支持/只默认QQ音乐或只支持网易云的,另一个音乐软件它也能安装使用,但排他性导致你想用另一个软件则障碍较多。

蔚来则做到了允许你任选QQ音乐还是网易云,你用哪个,喊“我要听XX”就默认用哪个软件来搜索,适配都非常好。并且可以是老公开车时,是自动默认老公的QQ曲库和大数据;老婆开车时,是自动默认老婆的曲库和大数据。当然如果老婆做副驾想用自己的曲库和大数据,那切换一下账户就可以了。

这还不算完,蔚来在娱乐系统里还独立开发了NIO沉浸声和NIO RADIO两个软件。这个娱乐系统就在屏幕左下角,选QQ音乐还是选NIO RADIO、NIO沉浸声,都可以快速切换,层级合理。NIO RADIO是蔚来自己搭建的网络电台,特点就是节目做得质量很高,并且是0广告。

NIO沉浸声则是一个独立高码流音乐库,是蔚来找唱片公司基于经典歌曲和专辑的母带,而抽出的能够适配蔚来二代平台车型高水准7.1.4音响系统的音源,有些还力求高水准还原黑胶风格。二代平台的8款车型哪怕最入门的ET5,提供的也是23扬声器带天空音道的音响系统,旗舰车型蔚来ES8则是2230W的增强型。蔚来做NIO沉浸声这个曲库的初衷,就是能更好发挥车上音响的实力。

至于娱乐方面的打游戏和看娱乐节目、电影等。我自己不打游戏,但听说体验还是蛮好的。娱乐节目则主要基于蔚来软件库里丰富的软件,常见的几个第三方软件库里都可以下载,并且界面支持非常好。拓展性方面蔚来的电容麦很好用,小孩子喜欢。蔚来还提供有N-BOX的选装,用AR眼镜或镜片夹看电影则视野更大,眼镜不重戴起来没什么负担,但老实讲蔚来车主选装N-BOX的不多,它比较挑车主,我自己也没有选。

常见比拼项的最后一点是导航。特别高频的使用项,蔚来的处理直接把导航地图做为车机桌面,其它主要功能都悬浮于导航地图上方,这样导航的展现优先级就很高、很方便。蔚来官方导航用的是高德,我自己是百度用户,由于车机导航做得很不错,我手机端的软件使用习惯现在也被掰过来了。

很牛的是蔚来在banyan·榕车机系统做到了长途导航会自动显示补电规划,并且把蔚来高速换电网络也做进去了。比如从成都去上海,就会显示你需要在高速上哪些位置换几次电。它会根据你电池的电量智能的去计算。当然,日常的换电车机也都是由车机自动下单。

好了,是蔚来车机和其它车机的同技艺PK。而以下就是蔚来的绝活了。

大绝招:当蔚来汽车迎来蔚来手机,让智能座舱体验出现了一次迭代式升级。车企自己造的手机能和车机有多缠绵,这点不仅非蔚来车主很难去认可,甚至绝大多数蔚来车主目前都还有待解锁,NIO PHONE是现下蔚来APP社群讨论的热点。

最基础的是车控键让手机远程控制汽车更方便,实际使用一个月后大拇指已经建立肌肉记忆,就和之间用iphone的静音键一样。我现在已经懒得再去手机里翻蔚来APP了。

高级技巧是车内任何一个座位都可以控制任何一个座椅的加热通风按摩和空调,其实喊nomi一样可以控制,但无论是我自己听音乐,还是张木木看动画片时,都不愿意让音乐和节目出现割裂,另外有时候老人上车时你指导他怎么调座椅功能可能沟通比较费力,如果两三次都没有调对可能老人心里还会尴尬和不高兴。而这个场景如果换成你瞧瞧掏出蔚来手机帮他搞定座椅加热和按摩,多温馨,就是一种让你自己都感动的体贴和润物细无声的高级。

最后蔚来智能座舱也有一些小技巧。比如它可以在老公上主驾时自动变成老公的驾驶位,以老公的账户激活车机,老婆上主驾则自动变成老婆的驾驶位,以老婆的账户激活车机,这是基于摄像头识别的,让你上车后毫无感知的开始使用自己的驾驶习惯和车机各项设定和大数据。

比如守卫模式,可以通过手机远程调用车外摄像头查看路边停车时的安全,当然这个功能特斯拉和几大新势力品牌都有做。还有全景寻车功能,不再怕商城停车时车位号没记住。

另外banyan榕系统把以前要在手机沟通上的蔚来服务群功能同时放在车机里,不需要手机可以和蔚来售后服务人员对话,比如预约一键加电、补胎等蔚来的口碑比较好的服务。

张局结语:

就是我对蔚来智能座舱4个多月以来的体会。它没有做多屏、搞大彩电去盲从其他品牌,在蔚来内部也没有像换电那样成为第一基因和第一IP,但它却直接影响汽车本身的使用体验。它的表现属于扮可爱(NOMI)吃老虎的存在。

而在业界竞争中它有多领先也很难感知。因为相比于汽车设计、操控、空间和内饰材料,智能座舱这东西它很隐性,它不容易量化,它不好比,很多优势其实是摸不到看不着的。所以它在蔚来品牌的宣传里占比其实较低。

但蔚来车机能搞好是很正常很应该的。科技领域的研发没有任何的捷径可走,系统好用与否,功能是否强大,拼的就是研发和投入。苹果如此,华为如此,汽车也如此。连华为发新款问界M7时也要大讲特讲改款优化花了多少多少钱。这两年蔚来每个季度研发要烧掉30多个亿,比别的品牌多出一倍甚至多倍,其实不是白投入的,这算是低调的奢华。

文|张局

图|张局实拍及网络

【本文来自易车号作者老干部张局爱开车,版权归作者所有,任何形式转载请联系作者。内容仅代表作者观点,与易车无关】

CommonJS与ES6模块化的具体使用方式

所以:只需要将需要暴露给外部的变量或者方法 设置为exports的属性 就行,

可以把exports看做一个全局对象,把所有暴露出来的函数和变量都存放在里面

1.先写个6.js文件

CommonJS规范规定,每个模块内部,module变量代表当前模板,这个变量是一个对象,他的 exports 属性(相当于 module.exports )是对外的接口。 这里详情请看我的另一篇文章: module、exports 和 require的关系

加载某个模块,其实是加载该模块的module.exports属性。require方法用于加载模块

ES6模块化的使用方法:(注!因为CommonJS类库众多,以及 CommonJS 和 ES6 之间的差异,所以无法直接兼容es6。)

直接/按需导出:可使用多个 用变量/常量的方式

导入:需要用按需导入 {解构} 的方式获取

默认导出:只能使用一个 (default属性只有es6才有)可以用引入对象定义多个属性,但这样在引入后调用的时候,更麻烦。

导入:优点:可以直接使用文件做接收参数且不用结构。

重命名export和import

如果导入的多个文件中,变量名字相同,即会产生命名冲突的问题,为了解决该问题,ES6为提供了重命名的方法,当你在导入名称时可以这样做:

如果想看CommonJS与ES6模块化的原理 可以去看我另一篇文章

[秦圆圆]写的 require和import的区别

[大孩子气]写的 require/exports、import/export 的区别

[七分sunshine!]写的# 前端模块化工具 requireJs的使用;

ES6中Map()和Set()的用法详解

Map存储key和对应的value。

1、Map()的特点:

(1) Map是一组键值对的形式 ,具有极快的查找;

(2)Map对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。Set类似于数组,而Map就类似于键值对(Key, Value);

(3)Map是键值对的形式,通过键可以取到对应的值,键名不能重复;

(4)ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键;

(5)通过 展开运算符(…)可以把Map集合转换成包含多个数组的数组 。

背景,举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array,给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长,耗时越长。

解决方法:使用Map 只需要一个“名字”-“成绩”的对照表,直接根据名字查找成绩,无论这个表有多大,查找都不会变慢。

用JavaScript写一个Map如下:

2、Map用法实例:

3、Map的属性值说明:

var x=new Map();

(1) x.set(‘a’,‘b’)添加键值

(2) x.has(‘a’)判断是否存在某个键值,返回true或false

(3) x.delete(‘a’)删除某个键

(4) x.get(‘x’)获取键对应的值

(5) x.size获取有多少个元素

(6) x.clear(),注“括号中没有参数”,清楚x对象中的所有元素。

(7) keys():返回键名的遍历器。

(8) values():返回键值的遍历器。

(9) entries():返回所有成员的遍历器。

(10) forEach():遍历 Map 的所有成员。

4、Map使用方法:

(1)初始化Map对象

(2)使用has判断某个键是否存在

(3)使用delete可以删除某个键

(4)使用get可以获取某个键的值

(5)清除所有的元素

注意:由于一个key只能对应一个value,所以,多次对一个key放入value,后面的值会把前面的值冲掉。

实例:

上面代码在新建 Map 实例时,就指定了两个键name和title。

Map构造函数接受数组作为参数,实际上执行的是下面的算法。

下面的代码使用forEach实现:

用法看下面的实例:

Map 结构转为数组结构,比较快速的方法是使用扩展运算符(…)

1、特点:

(1)是一组key的集合,但不存储value;

(2)对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。Set中,key不能重复。如果出现重复的key,Set会自动过滤。Set没有索引,它的键和值是一个。

(3)Set()是一个类似数组解构,但它不是数组。它本身就是一个构造函数。

(4)它最主要的作用是去重。

(5)可以使用Array.from()把它变成一个数组。

(6)通过展开运算符(…)可以把Set集合转换成一个数组。

2、用法

3、属性说明

var s=new Set();

(1) s.add(‘a’);添加一个元素

(2) s.delete(‘a’);删除一个元素

(3) s.size;获取元素的数量

(4) s.clear()清除对象中的所有元素。

(5) s.has(‘a’)判断s对象中是否有某个元素,返回true或false

4、可以使用多个add()连起来:

5、Set中的方法:

由于 Set 结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys方法和values方法的行为完全一致。

6、使用forEach()

7、使用…扩展符可以把Set对象变成一个数组

8、也可以使用map和filter对Set对象进行处理

注:使用map和filter进行处理之前记得使用…把Set对象变成一个数组,再进行一系列操作。

代码如下:

使用map:

使用map进行处理:

把数组变成Set类型:

使用filter:

使用 Set 可以很容易地实现并集(Union)、交集(Intersect)和差集(Difference)。

ES6之async的常用简单总结

generator函数的语法糖。

Async 函数返回一个 Promise 对象,当函数执行的时候,遇到 await 就会先返回,等到异步处理完成之后,再接着处理函数体内await后面的语句。

eg.1

上面这个async函数大概效果就是,请求’categorySearch‘接口,获取返回结果,并把获取到的data值赋值给’searchResult‘。

分析为什么要这么写

service应该改是个异步接口请求的方法,请求需要一定时间;我们必须等接口请求成功有返回值时,才能给searchResult赋值;否则searchResult赋值结果可能是空。

eg.2

这个async函数例子和上面的例子最大的区别就是加了then()方法处理。

为什么可以使用then?

async函数返回的是一个Promise对象,所以可以使用then方法处理。而且, async函数内部return语句的返回值,会成为then方法回电函数的参数

同样,async函数也可以使用catch方法处理错误。

有上面的两个简单的例子可以看出来主要有下面两个。

总结主要来自于 阮一峰的ES6入门教程之async一章

ES6新增方法

ES6发布于2015年,增加了重要的新特性(包括类和模块语法)。这些新特性把javaScript从一门脚本语言转变成一门适合大规模软件工程的严肃、通用的语言。

主要介绍:es6新增的变量声明方式,es6新增的数组方法,字符串模板,箭头函数 =>,解构赋值,class类,for of循环和新增的字符串方法

let 关键字用来声明变量(类似于旧javaScript中的var声明)但是使用 let 声明的变量有以下几个特点 ↓

1、不存在变量声明提升

2、存在块级作用域

3、存在暂时性死区

4、不允许重复声明

for(作用域A){作用域B} 循环的应用;

const 关键字用来声明常量,其使用规则除了声明之后不能修改之外,其他特征和let一样 ↓

const的本质:const定义的变量并非是常量,并非不可变。不允许被改变的是地址,不是变量,使用const定义对象或者是数组时,其实是可变。

但是:我们不能对常量数值进行赋值,会报错

indexof(val,index) 参数1是我们要寻找的项,参数2是我们起始寻找项的索引号

forEach(function(val,index){ }) 对数组进行循环遍历,这个方法没有返回值

filter(callback) 功能上遍历和过滤,返回符合条件的元素,filter在循环的时候会判定一下是true还是false,是true才会返回。

map(callback) map可以改变当前循环的值,返回一个新的被改变过值之后的数组map需return),一般用来处理需要修改某一个数组的值。映射

some() 数组中有一个数组元素满足条件,就返回true

every() 数组中所有数组元素满足条件,就返回true

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值

reduceRight() 同上 ↑ reduce(),区别是从右到左

当我们需要输出一段话的时候

旧的写法:

模板字符串的写法

我们在页面中输出一个表格,里面字符串带表达式,等等

箭头函数是函数以往写法的一种简写形式,只能以赋值形式存在,箭头函数如果只有一个参数的情况下,可以直接写参数省略括号使用

也是有好处的,需要:想让定时器或者延时器里面的this指向的也是对象,怎么办呢?

箭头函数本身上面是没有this,它的this可以去上一层去找

箭头函数 ↓

可以嵌套

对象解构

repeat() 重复功能参数表示重复多少遍

includes() 判定字符串中是否存在某个字符串

startsWith() endsWith() 也是判定字符串中是否存在某个字符串

padStart() 用于头部补全 padEnd() 用于尾部补全。

trimStart()和trimEnd()

trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

ES6新增的方法就介绍到这里了,大家!

虽然生活经常设置难关给我们,但是让人生不都是这样嘛?一级级的打怪升级,你现在所面临的就是你要打的怪兽,等你打赢,你就升级了。所以遇到问题不要气馁。如需了解更多es6的方法的信息,欢迎点击若米知识其他内容。

本文来自网络,不代表本站立场,转载请注明出处:https://www.rm2g.com/baike/16189.html

作者: 若米知识

若米知识为您提供最全面的生活百科网站大全,主要为您提供数码、汽车、财经、美食、财经、科技、健康、教育、创业、电商、影视、百科等资讯信息,在这里可以找到您所需的答案,解决您所困惑的问题。
长春刮大白价格、长春刮大白多钱
南平驾照费用。考驾照需要花多少钱?
联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部