es6
管小姐的斐波那契
今天的你,是昨天和前天的积累所得,就像斐波那契数列一样。
展开
-
【ES6学习】字符串的一些扩展方法(二)(火)
6.模板字符串es6关于字符串最火的用法来了,那就是字符串模板。传统的 JavaScript 输出模板通常是这样写的。$( '#result') .append( 'There are <b>'+ basket . count + ' </b > '+ 'items in your basket,'+ '<em> '+ basket . onSale + ' </em> are on sale !' )上面这种写法相当烦琐且不方便,原创 2020-11-03 09:40:31 · 1117 阅读 · 0 评论 -
【ES6学习】字符串的一些扩展方法(一)(冷门的一些知识点)
1.at()S5 对字符串对象提供了 charAt 方法 ,返回字符串给定位置的字符。该方法不能识别码点大于 OxFFFF 的字符。目前,有 一个提案提出字符串实例的 at 方法 可以识 Unicode 编号大于 Ox FF FF 的字符,返回正确的字符。2.normalize()这两种表示方法在视觉和语义上都等价 ,但是 JavaScript 无法识别。'\u01D1 ' === '\ u004F\u030C ' //false '\u01D1 '.length // 1 '\u004F\u0原创 2020-09-21 10:55:36 · 130 阅读 · 0 评论 -
【ES6学习】解构赋值的用途
变量的解构赋值用途很多。1.交换变量的值let x = 1; let y = 2 ; [x, y] = [y , x];上面的代码交换变量x和y的值,这样的写法不仅简洁,而且易读,语义非常清晰。2.从函数返回多个值函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。有了解构赋值,取出这些值就非常方便。//返回一个数纽function example() { return [1, 2 , 3] ; let [a, b, c] =example() ; }//返原创 2020-09-10 16:27:18 · 162 阅读 · 0 评论 -
【ES6学习】字符串、布尔、数值及函数参数的解构赋值和圆括号问题
1.字符串的解构赋值字符串也可以解构赋值。这是因为此时字符串被转换成了一个类似数组的对象。const [a , b, c , d , e] = ' hello '; a // ” h ” b // ” e ” c // ” l ” d // ” l ” e //'0'类似数组的对象都有一个 length 属性, 因此还可以对这个属性进行解构赋值let {length : len} =' hello '; len //52.数值和布尔值的解构赋值解构赋值时, 如果等号右边是数值和布原创 2020-09-10 15:52:39 · 159 阅读 · 0 评论 -
【ES6学习】对象的解构赋值
解构不仅可以用于数组,还可以用于对象。let { foo , bar } = { foo :”aaa ”, bar :”bbb ” } ; too // ” aaa ” bar // "bbb” 对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值是由它的位置决定的:而对象的属性没有次序,变量必须与属性同名才能取到正确的值。let { bar, foo } = { foo: "aaa ", bar :"bbb"}; too // ” aaa ” bar // ” bbb”原创 2020-09-02 10:25:20 · 548 阅读 · 0 评论 -
【ES6学习】数组的解构赋值
1 基本用法ES6 允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构( estructuring )。以前,为变量赋值只能直接指定值。let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样。let [a, b, c] = [1, 2 , 3]; 上面的代码表示,可以从数组中提取值,按照对应位置对变量赋值。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。原创 2020-08-22 17:16:43 · 183 阅读 · 0 评论 -
【es6学习】let与const的那些事儿(二)
3 canst 命令3.1 基本用法const 声明 一个只读的常量。一 旦声明,常量的值就不能改变。const PI = 3.1415 ; PI // 3.1415 PI = 3; // TypeError: Assignment to constant variable.上面的代码表明改变常量的值会报错。const 声明的常量不得改变值。这意味着, const 一旦声明常量,就必须立即初始化,不能留到以后赋值。const foo; // SyntaxError : Missing原创 2020-08-14 15:53:25 · 129 阅读 · 0 评论 -
【es6学习】let与const的那些事儿(一)
1.let命令1.1基本用法let 命令,用于声明变量。其用法类似于 var ,但是所声明的变量只在 let命令所在的代码块内有效。{let a = 10; var b = 1; }a // ReferenceError: a is not defined. b // 1上面的代码在代码块中分别用 let和 var 声明了两个变量。然后在代码块之外调用这两个变量,结果 let 声明的变量报错, var 声明的变量返回了正确的值。这表明, let 声明的变量只在其所在代码块内有效。for原创 2020-08-14 10:15:55 · 174 阅读 · 0 评论 -
【es6学习】Babel 转码器详解
持续更新1.6 Babel 转码器Babel ( babeljs.io/)是 个广为使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在浏览器或其他环境执行 这意味着,可以用 ES6 的方式编写程序,而不用担心现有环境是否支持。下面是一个例子。//转码前input .map(item =>item+ l) ;// 转码后input.map(function (item) { return item + l; })上面的原始代码用了箭头函数, Babel 将其原创 2020-08-13 11:19:18 · 519 阅读 · 0 评论