甚至在 ES6 之前：变量提升的意思究竟是“提升至当前作用域顶部”还是“从嵌套的代码块中提升到最近的函数或脚本作用域中”？还是两者都有？...函数声明在严格模式下是块作用域的（例如在模块内部），但在非严格模式下是函数作用域。 ?...如果访问未初始化的变量，将得到ReferenceError 错误。 一旦执行到变量声明，该变量将被设置为初始化器的值(通过赋值符号指定)，如果没有初始化，则为undefined。...提前激活的一个陷阱 如果依赖于提前激活机制，在函数声明之前调用函数，那么需要注意的是它不会访问未提前激活的变量。...var x = 123; 这个声明包含两个部分： 声明var x:与大多数其他声明一样，var声明变量的作用域是最内层的包围函数，而不是最内层的包围块。
这表示外层代码块不受内层代码块的影响。如果使用var定义变量n，最后输出的值就是10。...这是因为ES5存在函数提升，不管会不会进入 if代码块，函数声明都会提升到当前作用域的顶部，得到执行； 而ES6支持块级作用域，不管会不会进入if代码块，其内部声明的函数皆不会影响到作用域的外部。...块级作用域外部，无法调用块级作用域内部定义的函数 'use strict'; let f; { let a = 'secret'; let b = 'publish'; f =...ES6由于引入了块级作用域，这种情况可以理解成函数在块级作用域内声明，因此不报错，但是构成区块的大括号不能少，否则还是会报错。...undefined 上面代码中，全局变量a由var命令声明，所以它是全局对象的属性；全局变量b由let命令声明，所以它不是全局对象的属性，返回undefined。
Uncaught SyntaxError 未捕获的语法错误，最低级的错误，直接编译不通过。 通常情况是写错符号，比如for循环应该用分号的写了逗号，函数接受形参应该用逗号但是写了分号。...foo().then(v => console.log(v); e => console.log(e)) Uncaught ReferenceError 未捕获引用错误：Uncaught ReferenceError...: xxx is not defined 通常是使用了一个未定义的变量 console.log(a); //Uncaught ReferenceError: a is not defined a =...10 Uncaught TypeError 未捕获类型错误：Uncaught TypeError...... show是一个变量不是一个函数！...，虽然props是在子组件定义的，但子组件不能直接修改props里面的值，但是如果props里的数据是array或object类型的可修改其属性或下标值，但仍不可以直接赋值！
但是真正的普及我认为还得需要一段时间，然而这并不是理由让我们不去了解ES6。更重要的一点是，Google公司的V8引擎已经部署了ES6部分特性，对于NodeJS的开发者来说应该熟练掌握。 ...从工程化角度，我们应在ES6中遵循以下三条原则： （1）使用const来定义值的存储容器（常量）； （2）只用在值容器明确地被确定将会被改变时才使用let来定义（变量）； （3）不再使用var...解构的规则是，只要等号右边的值不是对象，就先将其转化为对象。...真正被赋值的是后者，而不是前者。..., x] （2）从函数中返回多个值： function test(){ return ["ligang", 25]; } var [name, age] = test(); （3）函数参数的定义
如果你还没用过ES6，现在还不算太晚… 下面是10个ES6最佳特性，排名不分先后： 函数参数默认值 模板字符串 多行字符串 解构赋值 对象属性简写 箭头函数 Promise Let与Const 类 模块化...箭头函数 不使用ES6 普通函数体内的this，指向调用时所在的对象。...this，就是定义时所在的对象，而不是调用时所在的对象。...Let与Const 使用Var var定义的变量未函数级作用域： {var a = 10;}console.log(a); // 输出10 使用let与const let定义的变量为块级作用域，因此会报错...模块化 JavaScript一直没有官方的模块化解决方案，开发者在实践中主要采用CommonJS和AMD规范。而ES6制定了模块(Module)功能。
一、自定义模块 1、制作自定义模块 新建 Python 文件 , 自定义一个 模块名称 ; 在 自定义模块 my_module.py 中定义函数 : def add(a, b): return...a + b 2、使用 import 导入并使用自定义模块 在另外的文件中 , 导入 my_module 模块 , 然后通过 my_module.add 调用 my_module 模块中的 add 函数...1、导入自定义模块功能名称冲突问题 如果 两个模块中 , 都定义了 相同名称 的函数 , 同时使用 from module_name import specific_name 方式 , 到了两个模块中...相同名称 的函数 , 此时 , 就会出现 名称冲突 问题 , 这种情况下 后导入的 功能生效 , 先导入的功能被覆盖 ; 3、模块功能冲突代码示例 在 my_module.py 模块中 , 定义了 如下...add 函数 , 后导入的模块功能生效 ; """ 自定义模块 代码示例 """ # 导入自定义模块 from my_module import add from my_module2 import
} 而在ES6中我们有了let，使用let在内定义的变量在外部环境是无法访问到的,最适合使用let的地方就是for循环了 for (let i = 0; i < 10; i++) { console.log...,我们都知道var只声明未赋值则会返回unfdinded。...; const age = 30; const命令更适合定义那种一经定义就不需要再改变的变量，例如url地址之类。...关于顶层对象 我们都知道，ES5中全局var定义的变量、function实际都是全局对象window（global）的属性，而ES6为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性...解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。
❞ 目录 箭头函数 默认参数 模板字符串 let 和 const 类 解构 三元运算符 导入/导出模块 async / await 展开运算符 / 不定参数 箭头函数 您可能知道，定义React组件的最简单方法是编写...没有它，任何未初始化的参数将默认为值 undefined。 因此，这是我们在ES6之前如何处理默认参数的简短摘要。在 ES6 中定义默认参数要容易得多。 ?...这意味着，如果 null 为其中一个参数传递值，则不会采用该函数定义的默认值。因此，请确保使用 undefined而不是 null 当您希望使用默认值时使用。...主要区别： var 函数作用域 在声明变量之前访问变量时 undefined let 块作用域 在声明之前访问变量时 ReferenceError const 块作用域 在声明之前访问变量时，ReferenceError...导入 / 导出模块 在 ES6 之前，由于 JavaScript 不支持模块，我们使用了 RequiredJS 或 CommonJS 之类的库来导入 / 导出模块。
一、模块中执行函数问题 1、制作自定义模块并执行函数 如果在自定义模块中 , 定义了函数 , 并且调用了该函数 ; 如下代码所示 : def add(a, b): print("调用 my_module...with exit code 0 2、导入自定义模块会执行模块中的代码 在主代码中 , 导入自定义模块 ; """ 自定义模块 代码示例 """ # 导入自定义模块 import my_module...执行上述代码 , 结果如下 , 没有调用 my_module 模块中的函数 , 但是该函数还是触发了 ; D:\001_Develop\022_Python\Python39\python.exe D..., Python 会将模块的代码执行一遍 , 但是主程序的入口会被设置为导入该模块的模块的代码 ; 而当一个模块作为独立的主程序运行时 , Python 会直接执行该模块的代码 ; 为了区分这两种情况...的值才为 __main__ , 该代码块才会被触发执行 ; 此时再次执行 """ 自定义模块 代码示例 """ # 导入自定义模块 import my_module 主代码 , 执行结果为 , 没有触发模块中的可执行代码执行
实际项目中，用ES6转译工具将ES6代码转为ES5，格式可能会丢失。因为在ES5中没有字符串模板格式。 箭头函数 这个短函数的声明更加方面。...类 有了类，就有extends，对于开发者来说，使用class很大的好处是实现一个类的代码模块只能在一个地方定义。而以前是在代码中的任意位置去扩展基类的prototype属性。...module JavaScript的模块化规范比较多，包括AMD、CMD、CommonJs，现在又多了ES6的import/export。...生成器Generator Generator 不是针对对象上内容的遍历控制，而是针对函数内代码块的执行控制。 我们可以使用yield关键字来分割一个函数的代码，使其成为多个不同的代码段。...； 闭包函数； 全局变量； 对象属性循环引用； DOM节点删除时未解绑事件； promise增强类型 Promise 代表一个一部操作的执行返回状态，这个执行返回状态在Promise对象创建时是未知的
ES6新特性速览 2018-2-5 作者: 张子阳 分类: Web前端 引言 ES6引入了很多新的语言特性和能力，这篇文章仅快速地做一个概览。...包括let、解构、箭头函数、模块化、Spread运算符 等。ES6还有很多更深入的内容，有时间再单独总结。...大部分的ES6新特性，最新版的Chrome浏览器都原生支持，所以下面大多数代码不需要使用Babel转码器即可直接运行。...但是模块化的import和export则暂未支持，只能通过Babel经过webpack等工具打包后使用。...const multiply = x => x*2; var i = multiply(1); console.log(i); // 2 箭头函数和普通函数最重要的一个区别，就是this关键字绑定到了函数定义时的作用域
上面这行就属于这个情况，在变量x的声明语句还没有执行完成前，就去取x的值，导致报错”x 未定义“。...，最后输出不是预料中的 1 2 3 4 5 而全部是 5 ES6的块级作用域，实际上就是let 新增的，如下： function f1() { let n = 5; if (true) {...在ES5中，函数只能在顶层作用域和函数作用域中声明，不能在块级作用域中声明，但是浏览器为了兼容性，还是可以在块级作用域中声明，理论上在ES6中 块级作用域中声明的函数，在外部调用会报错，考虑环境的问题...，应当避免在块级作用域中声明函数，如果需要也应当写成函数表达式的方式，而不是函数声明语句，如下： // 函数声明语句 { let a = 'secret'; function f() {...但是，Node 模块和 ES6 模块中，this返回的是当前模块。 函数里面的this，如果函数不是作为对象的方法运行，而是单纯作为函数运行，this会指向顶层对象。
var ---- ES5中最原始的变量声明，用于声明变量，其实JavaScript是弱类型语言，对数据类型变量要求不太严格，所以不必声明每一个变量的类型（这就是下面说的隐式声明，当然这并不是一个好习惯）...采用import来代替node等的require来导入模块。...class ---- ES6引入了类的概念，有了class这个关键字，当然，类只是基于原型的面向对象模式的语法糖，为了方便理解和开发而已，类的实质还是函数对象，类中的方法和对象其实都是挂在对应的函数对象的...1.所有类都有constructor函数，如果没有显式定义，一个空的constructor方法会被默认添加（有点类似java了）。当然所有函数对象都必须有个主体。...b.constructor === B.prototype.constructor // true 4.与函数对象一样，Class也可以使用表达式的形式定义。
一、函数定义及调用1.定义函数数学上的函数通常形如y = f(x)或者z = g(x, y)这样的形式，在y = f(x)中，f是函数的名字，x是函数的自变量，y是函数的因变量；而在z = g(x, y...2.什么是函数函数是组织好的，可重复使用的，用来实现单一或相关联功能的代码段，它能够提高应用的模块性和代码的重复利用率。...2.不定长参数如果希望定义的函数，可以计算任何两个数和，我们在定义函数的时候，让函数接收数据，这就是函数的参数。...六、标准库中的模块和函数Python标准库中提供了大量的模块和函数来简化我们的开发工作，我们之前用过的random模块就为我们提供了生成随机数和进行随机抽样的函数；而time模块则提供了和时间操作相关的函数...；上面求阶乘的函数在Python标准库中的math模块中已经有了，实际开发中并不需要我们自己编写，而math模块中还包括了计算正弦、余弦、指数、对数等一系列的数学函数。
上面这行就属于这个情况，在变量x的声明语句还没有执行完成前，就去取x的值，导致报错”x 未定义“。...这表示外层代码块不受内层代码块的影响。如果两次都使用var定义变量n，最后输出的值才是 10。 ES6 允许块级作用域的任意嵌套。...第四层作用域无法读取第五层作用域的内部变量。 内层作用域可以定义外层作用域的同名变量。...如果确实需要，也应该写成函数表达式，而不是函数声明语句。...但是，Node 模块和 ES6 模块中，this返回的是当前模块。 函数里面的this，如果函数不是作为对象的方法运行，而是单纯作为函数运行，this会指向顶层对象。
这表示外层代码块不受内层代码块的影响。如果两次都使用var定义变量n，最后输出的值才是 10。 ES6 允许块级作用域的任意嵌套。...第四层作用域无法读取第五层作用域的内部变量。 内层作用域可以定义外层作用域的同名变量。...如果确实需要，也应该写成函数表达式，而不是函数声明语句。...但是，Node.js 模块中this返回的是当前模块，ES6 模块中this返回的是undefined。...函数里面的this，如果函数不是作为对象的方法运行，而是单纯作为函数运行，this会指向顶层对象。但是，严格模式下，这时this会返回undefined。
Promise.all()方法生成的Promise对象也会有一个catch方法来捕获错误处理，但是如果数组中的Promise对象变成rejected状态时， 并且这个对象还定义了catch的方法，那么rejected...严格模式 类和模块的内部，默认就是严格模式，所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中，就只有严格模式可用。...考虑到未来所有的代码，其实都是运行在模块之中，所以 ES6 实际上把整个语言升级到了严格模式。 2. 不存在提升 类不存在变量提升（hoist），这一点与 ES5 完全不同。...ES6 的继承先 生成父类实例，再调用子类的构造函数修饰父类实例。这个差别使得 ES6 可以继承内置对象。 7....四种常见的内存泄漏：全局变量，未清除的定时器，闭包，以及 dom 的引用 全局变量 不用 var 声明的变量，相当于挂载到 window 对象上。
虽然浏览器在不断更新，但并不是所有用户的电脑浏览器都支持ES6，所以在使用的过程中建议还是转成es5，保证代码的可执行性。至于转换的方式大家可以用Babel或者Traceur转码器。...这时，闭包被调用，所以整个代码块中的变量i和函数a[6]()被销毁。 const 是定义常量：const a = 14; 此后变量 a 的值无法更改覆盖。 2....真正被赋值的是后者，而不是前者 53 //2.v是匹配的模式，n才是变量。真正被赋值的是变量n，而不是模式v。...的this作为自己的this 9 } 10 } 11 } 12 obj.b(); 13 obj.c()(); 所谓箭头函数的 this 捕获的是所在的上下文，比如下面这个例子：b是一个箭头函数...，然后它的 this是指向window，这是为什么呢，因为箭头函数捕获的是obj{}这个对象的环境，然后这个环境的this指向的是window，就相当于上一条的例子：在c方法里面return的那个箭头函数捕获的是
这表示外层代码块不受内层代码块的影响。如果使用var定义变量n，最后输出的值就是10。 ES6允许块级作用域的任意嵌套。...如果确实需要，也应该写成函数表达式，而不是函数声明语句。...ES6的块级作用域允许声明函数的规则，只在使用大括号的情况下成立，如果没有使用大括号，就会报错。...（对于Node来说，这一条只对REPL环境适用，模块环境之中，全局变量必须显式声明成global对象的属性。）...undefined 上面代码中，全局变量a由var命令声明，所以它是全局对象的属性；全局变量b由let命令声明，所以它不是全局对象的属性，返回undefined。
领取专属 10元无门槛券
手把手带您无忧上云
