![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 57
昨夜太平长安888
愿你我既可以朝九晚五,也可以浪迹天涯;愿你我既可以拈花把酒,也能围炉诗书茶。
展开
-
常用简洁的 JS 代码片段
1、单行 If-Else 语句这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句,而不是在多行上编写 if-else。const age = 12;let ageGroup;// 常用写法if (age > 18) { ageGroup = "An adult";} else { ageGroup = "A child";}// 简写ageGroup = age > 18 ? "An adult" : "A child";但是,不要过度使原创 2022-04-01 17:44:10 · 461 阅读 · 0 评论 -
ES6 对象的简化写法
ES6允许在大括号里面,直接写入变量和函数,作为对象的属性和方法前提是对象的属性必须和变量的名字是一样的let name = '你好'let famous = function() { console.log('时间管理大师')}const star = { name, famous}// 相当于// const star = {// name: name,// famous: famous// }ES6还允许在对象中写函数时,去掉:原创 2021-06-04 19:36:32 · 252 阅读 · 0 评论 -
《ES6 模版字符串》
ES6对字符串新增的操作,最重要的就是字符串模版,字符串模版的出现让我们再也不用拼接变量了,而且支持在模板里有简单计算操作字符串模版先来看一个在ES5下我们的字符串拼接案例:let content ='ES6';let blog = '大家一起来学习'+ content +'。一起加油吧。';document.write(blog); //大家一起来学习ES6。一起加油吧ES5下必须用+content+这样的形式进行拼接,这样很麻烦而且很容易出错。ES6新增了字符串模版,可以很好的.原创 2020-10-16 17:57:46 · 251 阅读 · 0 评论 -
(...) 三个点 ?《ES6扩展运算符》让你的代码更优雅
对象扩展运算符(…):当编写一个方法时,我们允许它传入的参数是不确定的。这时候可以使用对象扩展运算符来作参数,看一个简单的列子:// 拓展运算符learnES6(...arg) { console.log(arg[0]); // 1 console.log(arg[1]); // 2 console.log(arg[2]); // 3 console.log(arg[3]); // undefined},learnES6(1,2,3);这时我们看到控制台输出了 1原创 2020-10-16 17:13:56 · 309 阅读 · 0 评论 -
vue axios的使用 封装axios
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2020-06-26 16:50:22 · 191 阅读 · 0 评论 -
ES6 Promise项目中的使用
import axios from 'axios' //es6模块化的导入功能const server = axios.create({ baseUrl: '' ,// 公共地址, timeout: 5000})// axios请求的请求拦截server.interceptors.request.use(config => { console.log(config) // 可以修改或者向config中添加请求头配置 config.headers.token = "asjd.原创 2020-06-10 14:53:29 · 290 阅读 · 0 评论 -
ES6 promise
promise: Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。什么是异步? 异步(async)是相对于同步(sync)而言的,很好理解。 同步就是一件事一件事的执行。只有前一个任务执行完毕,才能执行后一个任务。而异步比...原创 2020-06-09 11:04:02 · 176 阅读 · 0 评论 -
ES6 箭头函数
箭头函数:用来简化函数的定义语法;格式: () => { // 函数体 }(): 小括号中 依然是放置形参的地方{}: 大括号中依然还是函数体通常情况下我们都会将箭头函数赋值给一个变量,变量名字就是函数名字,通过变量名字调用函数 const fn = () => { alert('这是箭头函数'); } fn()如果函数体中只...原创 2020-06-08 22:53:17 · 267 阅读 · 0 评论 -
你真的 真的会 《ES6 解构赋值》吗???
所谓解构赋值就是按照一定模式,从数组中或对象中提取值,将提取出来的值赋值给其他变量一、数组解构赋值: 数组解构赋值允许我们按照一 一对应的关系从数组中提取值,然后将值赋值给变量 在之前如果我们要取一个数组的值我们需要这样: let arr = [1,2,3]; let a = arr[0] let a1 = arr[1] let a2 = arr[2] console.log(a...原创 2020-06-08 21:43:43 · 258 阅读 · 2 评论 -
ES6 的let 、const
let : ES6中新增用于声明变量的关键字 let 声明的变量只在所处于的块级有效(什么事块级作用域? 就是一对大括号中产生的作用域,一对大括号就代表一个块级作用域)原创 2020-06-08 13:45:13 · 187 阅读 · 0 评论