箭头函数:https://blog.csdn.net/qq_30100043/article/details/53396517 类:https://blog.csdn.net/pcaxb/article/details/53759637 模板字面量:https://www.cnblogs.com/goloving/p/7868865.html let和const:https://www.cnblogs.com/zhuzhenwei918/p/6131345.html…

前面的话 JS 的字符串相对其他语言来说功能总是有限的,事实上,ES5中一直缺乏许多特性,如多行字符串.字符串格式化.HTML转义等.ES6通过模板字面量的方式进行了填补,模板字面量试着跳出自己JS已有的字符串体系,通过一些全新的方法来解决类似的问题.本文将详细介绍ES6模板字面量 基本用法 模板字面量是增强版的字符串,它用反引号(`)标识 let message = `Hello world!`; console.log(message); // "Hello world!" con…

模板字面量(Template Literal)是一种能够嵌入表达式的格式化字符串,有别于普通字符串,它使用反引号(`)包裹字符序列,而不是双引号或单引号.模板字面量包含特定形式的占位符(${expression}),由美元符号.大括号以及合法的表达式组成,合法的表达式(expression)可以是变量.算术或函数调用,甚至还可以是模板字面量.在ES6引入模板字面量后,就能避免用若干个加号来实现字符串拼接,而改用更为优雅的语法来替代,下面用新旧两种方式分别来组合字符串. var name = "s…

模板字面量 解决的问题 1.多行字符串 一个正式的多行字符串的概念 2.基本的字符串格式化 将变量的值嵌入字符串的能力 3.HTML转义 向HTML插入安全转换后的字符串的能力 (1)基础语法 相当于使用` ` 反撇号代替了单/双引号,和普通字符串无差异 (2)多行字符串 ES6之前换行: 在新行最前方添加反斜杠(\)承接上一行的代码, 但是字符串并没有换行显示,因为反斜杠只是代表该行的延续,这是JavaScript的一个语法bug 如果想输出新的一行,需手动加换行符 \n 后面的反斜杠依然代表…

JS 的字符串相对其他语言来说功能总是有限的,事实上,ES5中一直缺乏许多特性,如多行字符串.字符串格式化.HTML转义等.ES6通过模板字面量的方式进行了填补,模板字面量试着跳出JS已有的字符串体系,通过一些全新的方法来解决类似的问题. 一.基本用法 模板字面量是增强版的字符串,它用反引号(`)标识 二.多行字符串 自javascript诞生起,开发者们就一直在寻找一种能创建多行字符串的方法.如果使用双引号或单引号,字符串一定要在同一行才行 1.反斜杠 由于javascript长期以来一直存在…

ES6学习笔记--箭头函数 箭头函数一直在用,最近突然想到重新看一下箭头函数的用法,所以这里做一些总结. 箭头函数长这个样子: let fn = a => a++; // fn 是函数名, a=>a*a 是函数体 这个函数就类似于: let fn = function (a) { return a++; } 上面的实例就是一个参数的情况,当然也可以没有参数,或者有多个参数 没有参数 // 示例1 let fn = () => 2 + 3; // 相当于 let fn = function…

简洁属性与简洁方法 计算属性名与[[prototype]] super对象(暂时保留解析) 模板字面量(模板字符串) 一.简洁属性与简洁方法 ES6中为了不断优化代码,减低代码的耦合度在语法上下了很大的功夫,上一篇博客解构就是其中一种,在对象属性和方法名称上也有所优化,也就是这篇博客要解析的简洁属性和简洁方法. 什么是简洁属性呢?当通过字面量的方式声明对象时,属性名与赋值的变量名一致时,就可以采用简洁属性,示例: //ES6的对象字面量简洁属性 var x = 2, y = 3, obj = {…

基本用法 ES6允许使用“箭头”(=>)定义函数. var f = v => v; 上面的箭头函数等同于: var f = function(v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分. var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var sum = funct…

1.this指向定义时所在的对象,而不是调用时所在的对象 2.不可以当做构造函数 3.不可以使用arguments对象   ES5中定义函数的两种方式: function fn1() { console.log('fn1'); } let fn2 = function () { console.log('fn2'); } fn1和fn2之间区别是: fn1编译器会预编译,调用fn1无论是在定义的前面还是后面都能正常调用. fn2是通过声明形式定义,按照声明变量的规则只能在声明后面调用.   使用…

1. 箭头函数声明 箭头函数的声明方式示例: 1 const printValue = (condition) => { 2 let testValue = 55; 3 if (condition) { 4 console.log(testValue); 5 } else { 6 console.log(testValue + 10); 7 } 8 } 2. 与传统函数的区别 没有this.super.arguments和new.target绑定,箭头函数中的这些值由最近一层的非箭头函数决定:…