es6 let [a, b, c] = [1, 2, 3]为啥报错?

var [a, b, c] = [1, 2, 3]为啥不报错,不是说用let完全代替var吗,这样看的话,有些场景let并不能代替var啊

2个回答

在ES6中,数组的解构赋值,这样写是没有问题的呀,报错应该是其它原因造成的吧。http://www.csdn.net/article/2015-07-07/2825149-es6-in-depth-destructuring

如果你的浏览器版本低的话,可能会不兼容es6的部分特性,

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
es6是如何通过let解决闭包的?

var ary=[]; for(var i=0;i<10;i++){ ary[i]=function(){ console.log(i) } } ary[6](); 上述代码执行后毫无疑问是10,es6之前解决闭包问题的办法通常是这样的: var ary=[]; for(var i=0;i<10;i++){ (function(j){ //隐式执行var j=i; ary[j]=function(){ console.log(j) } })(j); } ary[6](); 现在通过立即执行函数,让函数ary[0]~ary[9]的作用域链首位都是一个匿名函数作用域, 所以ary[6]会找它作用域链首位的j,所以结果是6,那么下面的代码怎么理解呢? var ary=[]; for(let i=0;i<10;i++){ ary[i]=function(){ console.log(i); } } ary[6](); 结果也是6,感到很费解,ary[6]执行时会沿着作用域链一级一级向上找,但函数体内 没有声明i,所在的块级作用域(循环体)也没有声明i,只有‘for(let i=0;i<10;i++)’ 这里声明了i,那么ary[6]只能在这个作用域下找到I,可是这个i不是10吗? 这个问题困扰我好久了 ,哪位大神给出满意解答我会提高悬赏哦

var a = a || b,改用let,怎么写啊?

javascript ``` let fn = (a) => { var a = a || 1; } ``` var a = a || 1; 改用let写,麻烦一点的写法我会,我想知道有什么高雅的技巧。 let a = a || 1; 会提示: Block scoped variables cannot share name with 'var' variables or parameters in the same block scope

ES6 let作用域问题求助

for (let i = 0; i < 10; i++) { console.log(i); let i = '内部'; console.log(i); } A.html:3 Uncaught ReferenceError: i is not defined at A.html:3 刚接触JS不久,请问为什么第一个log会报错呢,我理解的是他会读到0 - 9.求过路大神指教,谢谢!

想成长的前端小白求助!在html文件中引用使用了“ES6的module”的js文件报错

我在尝试学习es6的模块的时候,百度发现需要将script的type设为module才可以将js文件引入,但是在谷歌运行后报了类似跨域问题的错,本来我就迷迷糊糊的,百度也没找到原因,路过的朋友瞅一瞅我这个问题!!!!!感激不尽!!朋友们!! 下面是我的图 **(bar.js文件中的代码)** ![bar.js](https://img-ask.csdn.net/upload/201901/06/1546788033_937500.png) **test.html中引入bar.js** ![图片说明](https://img-ask.csdn.net/upload/201901/06/1546788151_866034.png) **报错信息** ![图片说明](https://img-ask.csdn.net/upload/201901/06/1546788208_171950.png)

ES6拓展运算符(...)返回哪种数据类型?如:1, ...[2, 3, 4], 5

如console.log(1, ...[2, 3, 4], 5),输出的是1 2 3 4 5,这是哪种数据类型?字符串?用什么方法能检测出来?

es6自定义方法在百度App下报错,其他浏览器均正常

我自己写了一个es6组件,在其他浏览器,包括百度急速浏览器下都是正常的运行,但是在百度App下就报了这个错,请问是咋回事?![图片说明](https://img-ask.csdn.net/upload/201806/27/1530063248_155651.jpg)![![图片说明](https://img-ask.csdn.net/upload/201806/27/1530063319_173353.png)![图片说明](https://img-ask.csdn.net/upload/201806/27/1530063311_92368.png)

关于ES6的for of循环遍历DOM的问题

我写了个小DEMO熟悉for of循环遍历DOM,却发现一些问题并不知道怎么解决。代码如下面。 js代码如下: var DOM1 = document.getElementsByTagName("li"); console.log(DOM1); for (let d of DOM1) { console.log("执行"); console.log(d); } HTML中相关代码如下: <body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </body> 控制台输出如下:![图片说明](https://img-ask.csdn.net/upload/201707/29/1501296737_207784.png) 这说明li都获取到了啊,但就是for循环中的不执行,请指点为什么。 (浏览器是支持ES6的)

es6 copywidthin的问题

let a = { 3:1, length:5 }; [].copyWithin.call(a,0,3); console.log(a); //Object {0: 1, 3: 1, length: 5} let a = { 2:1, length:5 }; [].copyWithin.call(a,0,2); console.log(a); //Object {0: 1, length: 5} 在上面两个例子中,call()的第二个参数控制从a的第几项开始替换数据,第三项控制从a的第几项开始读取数据, 那么在第二个例子为什么不是Object{0:1,2:1,length:5}

eclipse的JSHint插件对于ES6的支持问题

在配置中设置 "esnext" : true,或者 "esversion" : 6 之后还是无法识别ES6语法,请问各位该怎么设置呢,感谢! ![图片说明](https://img-ask.csdn.net/upload/201702/28/1488272716_9382.png)

html2canvas在360浏览器兼容模式下报错问题

需求是将页面上的一张图表做前端导出,我用到了两个插件,一个是html2canvas进行截图,还有一个是jspdf生成pdf文件并且保存到本地 firefox和chrome都已经通过测试了,360的兼容模式下不能正常跑。 代码跑到这里的时候会报错: html2canvas($("#vm0"), { onrendered: function (canvas) { $(canvas).attr({"style":"margin-top:10px;","id":"vm0_save"}) $("#realchart").append(canvas); } }); 刚开始浏览器控制台抛出这个错误: ![图片说明](https://img-ask.csdn.net/upload/201706/19/1497850918_99930.png) 下了一个es6-promise依赖包,然后在html2canvas.js最上面加了一句: var Promise = require('es6-promise').Promise; 这个报错就不再出现了,但是随之而来的是下面这个报错: ![图片说明](https://img-ask.csdn.net/upload/201706/19/1497851219_728316.png) 然后就没有什么头绪解决了,有遇到过这个问题的大神吗? 另外发现html2canvas的坑挺多的,有没有可以替代它的插件

ES6新属性at()报at函数未定义

源码: console.log('abc'.at(0) ); 在谷歌浏览器中运行报错,at是一个未定义的函数,而charAt ES5可以,是es6不支持吗?

关于es6模板字符串的问题

当模板字符串作为标签模板传递给标签函数时,函数接受到的参数为(arr,...values),其中arr为模板字符串中不是变量部分的集合,那么为什么当原模板字符串中起始位置(或末尾)出现变量时,数组arr中会在对应的起始(或末尾)多出一个空元素?

es6的import变量了之后,变量无法更改?

小白一个,问个很简单的问题: a.js里面: ``` let serverUrl=1; export {serverUrl} ``` test.js里面: ``` import {serverUrl} from "./a"; import * as a from './a'; serverUrl++; console.log(serverUrl) console.log(a.serverUrl) ``` 为何报错呢?似乎serverUrl这个变量无法修改只能访问?

ES6导入重复?

<div class="post-text" itemprop="text"> <p>Im trying to keep my code (sever and client side) as modular as possible and this requires a lot of importing and exporting, however I have an unanswered question.</p> <p>I tried to search from here, I read topical blog posts and even watched few YT videos but it's still not fully explained. I would love to avoid making this mistake right now and avoid rewriting my logic later.</p> <hr> <p><strong>File1</strong></p> <pre><code>import React from 'react'; // do something </code></pre> <p><strong>File2</strong></p> <pre><code>import React from 'react'; // do something else </code></pre> <p><strong>File3</strong></p> <pre><code>import File1 from './file1'; import File2 from './file2'; // do something with both </code></pre> <hr> <ul> <li>Is it smart enough? Can I import same module as much as I want and it imports it only once?</li> <li>What if I need to <code>import React</code> to <strong>File3</strong> too? Is it still smart enough to handle this situation? </li> </ul> <p>Im using Node, Babel and Webpack.</p> </div>

es6 for循环在webpack环境只循环一次

在webpack安装es6运行环境,执行下面代码 ![图片说明](https://img-ask.csdn.net/upload/201901/16/1547650835_149283.png) 如上图for执行了一次 使用let声明只在各自作用域有效,上面的for循环应该是执行4次,于是我直接在浏览器敲代码 ![图片说明](https://img-ask.csdn.net/upload/201901/16/1547651013_7378.png) a打印了四次,证明了我期望的结果,我不知道为什么同样的代码结果却不一样,求大佬解答 顺便贴上es6的运行环境 [地址](https://github.com/cucygh/es6-webpack "") ps:我猜是不是环境是将es6转换成es5,也就是将let变成了var,才导致的结果,那如果这样,以后我用es6写循环,不很坑,瑟瑟发抖,该怎么用es6写循环呀

一个ES6的笔试题目,求大神们帮忙看看~

``` function Example(name){ return this.name = name; } console.log([0,"0",[],{},null].map(i => typeof new Example(i).name)); ``` 我运行结果为:["number", "string", "undefined", "undefined", "object"] 为什么会有undefined的呐?

crosswalk 70版本支持es6语法吗 为什么遇到"async"等关键字报错?77版本编不过去

shine@shine-ThinkPad-T450:~/home/cross_77_2/crosswalk-src/src$ gn args out/Release_Android/ Waiting for editor on "/home/shine/home/cross_77_2/crosswalk-src/src/out/Release_Android/args.gn"... Generating files... ERROR at //tools/grit/grit_rule.gni:105:3: Assertion failed. assert( ^----- resource whitelist generation only works on non-component builds with debug info enabled. See //tools/grit/grit_rule.gni:106:7: symbol_level > 0 && !strip_debug_info && !is_component_build, ^----------------------------------------------------------- This is where it was set. See //build/config/android/rules.gni:180:3: whence it was imported. import("//tools/grit/grit_rule.gni") ^---------------------------------- See //build/config/android/extract_unwind_tables.gni:5:1: whence it was imported. import("//build/config/android/rules.gni") ^---------------------------------------- See //testing/test.gni:11:3: whence it was imported. import("//build/config/android/extract_unwind_tables.gni") ^-------------------------------------------------------- See //testing/libfuzzer/fuzzer_test.gni:9:1: whence it was imported. import("//testing/test.gni") ^-------------------------- See //media/media_options.gni:10:1: whence it was imported. import("//testing/libfuzzer/fuzzer_test.gni") ^------------------------------------------- See //BUILD.gn:21:1: whence it was imported. import("//media/media_options.gni") ^--------------------------------- shine@shine-ThinkPad-T450:~/home/cross_77_2/crosswalk-src/src$

关于ES6解构赋值的问题

![图片说明](https://img-ask.csdn.net/upload/201808/23/1535011935_543010.png) 本人对ES6解构赋值了解的不是很深入,请问上面这段ES6解构如何理解,可以写的详细一点的解释吗?

请问idea这里报错,是缺少了什么设置吗

js用的ES6,就这个地方报错,求大神指教啊。![![图片说明](https://img-ask.csdn.net/upload/201711/25/1511616469_912060.png)图片说明](https://img-ask.csdn.net/upload/201711/25/1511616462_534613.jpg)

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

玩转Python-Python3基础入门

总课时80+,提供源码和相关资料 本课程从Python零基础到纯Python项目实战。内容详细,案例丰富,覆盖了Python知识的方方面面,学完后不仅对Python知识有个系统化的了解,让你从Python小白变编程大牛! 课程包含: 1.python安装 2.变量、数据类型和运算符 3.选择结构 4.循环结构 5.函数和模块 6.文件读写 7.了解面向对象 8.异常处理

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:csdn590)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

基于VHDL的16位ALU简易设计

基于VHDL的16位ALU简易设计,可完成基本的加减、带进位加减、或、与等运算。

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

利用Verilog实现数字秒表(基本逻辑设计分频器练习)

设置复位开关。当按下复位开关时,秒表清零并做好计时准备。在任何情况下只要按下复位开关,秒表都要无条件地进行复位操作,即使是在计时过程中也要无条件地进行清零操作。 设置启/停开关。当按下启/停开关后,将

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

计算机操作系统 第三版.pdf

计算机操作系统 第三版 本书全面介绍了计算机系统中的一个重要软件——操作系统(OS),本书是第三版,对2001年出版的修订版的各章内容均作了较多的修改,基本上能反映当前操作系统发展的现状,但章节名称基

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

SEIR课程设计源码与相关城市数据.rar

SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

GIS程序设计教程 基于ArcGIS Engine的C#开发实例

张丰,杜震洪,刘仁义编著.GIS程序设计教程 基于ArcGIS Engine的C#开发实例.浙江大学出版社,2012.05

人工智能-计算机视觉实战之路(必备算法+深度学习+项目实战)

系列课程主要分为3大阶段:(1)首先掌握计算机视觉必备算法原理,结合Opencv进行学习与练手,通过实际视项目进行案例应用展示。(2)进军当下最火的深度学习进行视觉任务实战,掌握深度学习中必备算法原理与网络模型架构。(3)结合经典深度学习框架与实战项目进行实战,基于真实数据集展开业务分析与建模实战。整体风格通俗易懂,项目驱动学习与就业面试。 建议同学们按照下列顺序来进行学习:1.Python入门视频课程 2.Opencv计算机视觉实战(Python版) 3.深度学习框架-PyTorch实战/人工智能框架实战精讲:Keras项目 4.Python-深度学习-物体检测实战 5.后续实战课程按照自己喜好选择就可以

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

微信小程序开发实战之番茄时钟开发

微信小程序番茄时钟视频教程,本课程将带着各位学员开发一个小程序初级实战类项目,针对只看过官方文档而又无从下手的开发者来说,可以作为一个较好的练手项目,对于有小程序开发经验的开发者而言,可以更好加深对小程序各类组件和API 的理解,为更深层次高难度的项目做铺垫。

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

去除异常值matlab程序

数据预处理中去除异常值的程序,matlab写成

用verilog HDL语言编写的秒表

在秒表设计中,分模块书写。用在七段数码管上显示。输入频率是1KHZ.可以显示百分秒,秒,分。如要显示小时,只需修改leds里的代码和主模块代码。改程序以通过硬件电路验证。完全正确。

[透视java——反编译、修补和逆向工程技术]源代码

源代码。

相关热词 c#分级显示数据 c# 不区分大小写替换 c#中调用就java c#正则表达式 验证小数 c# vscode 配置 c#三维数组能存多少数据 c# 新建excel c#多个文本框 c#怎么创建tcp通讯 c# mvc 电子病例
立即提问