<body> <script> const obj = { aaa() { setTimeout(function() { console.log("t1", this) // window }) 象 }) } } obj.a.
原创 2022-03-02 15:55:23
74阅读
(function (h) { return h(App); }); // ES6 h => h(App);
原创 2022-03-28 18:09:25
210阅读
(function (h) { return h(App); }); // ES6 h => h(App);
原创 2021-06-30 15:55:37
638阅读
# Vue + Axios 的箭头函数请求详解 在现代前端开发中,Vue.js作为一个流行的JavaScript框架,被广泛应用于构建用户界面。为了与后端进行通讯,Axios是一个非常流行的HTTP客户端库。本文将介绍如何在Vue中使用Axios进行请求,特别是使用箭头函数的方式,以代码示例帮助你更好地理解这一过程。 ## 一、Axios简介 Axios是一个基于Promise的HTTP客户
原创 7月前
23阅读
https://www.zcfy.cc/article/clean-up-your-vue-modules-with-es6-式下this指向undefined。
转载 2018-07-11 10:33:00
87阅读
2评论
获取vue axios结合箭头函数 在现代前端开发中,使用Axios库进行API请求是常见的做法。将Axios与Vue框架结合使用,并利用箭头函数简化代码,可以提高代码的可读性与维护性。接下来,我们将通过一个较为完整的流程来探讨如何整合这些技术。 ### 备份策略 为了确保我们的代码和数据安全,备份策略是至关重要的。我们首先设计一个周期性的备份计划和对应的甘特图。 ```mermaid g
原创 5月前
4阅读
0x00 箭头函数 基本语法: ES6允许使用“箭头”(=>)定义函数 var f = a = > a //等同于 var f = function(a){ return a; } 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 //无形参 var f = () => 5; /
原创 2022-05-24 12:34:38
1750阅读
1.Vue 不同环境配置不同的接口地址;在项目中,前端请求访问的地址如果有跨域,我们会在config–>index.js中配置代理。这样前端请求就可以使用'/api/接口名称',但是在生产环境下,我们不需要接口请求前面加'/api',所以就需要判断开发环境和生产环境。 1) config -> dev.env.js 添加开发接口地址 config -> prod
ES6标准新增了一种新的函数:Arrow Function(箭头函数)。更简洁的语法我们先来按常规语法定义函数:function (x) { return x * x; }该函数使用箭头函数可以使用仅仅一行代码搞定!x => x * x箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式:一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以
转载 2023-05-24 16:05:15
261阅读
在做vue项目时用到了axios,但是发现axios请求之后的回调函数里this并不指向当前vue实例,从而导致浏览器报错。 出错代码及结果: created : function(){ axios.get('static/data.json').then(function(res){ consol
原创 2017-09-26 19:47:00
172阅读
箭头函数的使用和一些特性JS中的箭头函数用=>来标识。箭头函数有两个主要的优点:更简短的函数;更直观的作用域和this的绑定(不绑定this)因为这些优点,箭头函数比起其他形式的函数声明更受欢迎。比如,受欢迎的airbnb eslint configuration库会强制使用JavaScript箭头函数创建匿名函数。1. 即它允许使用箭头(=>)来定义函数。 如var f = v =&
1.单参数 2.多参数 3.无返回值 4.多行 2.如果箭头表达式仅仅就是简化了函数的命名,我们为什么要改变原来的习惯而去使用它呢? 箭头函数内部没有constructor方法,也没有prototype,所有不支持new操作。但是它对this的处理与一般的普通函数不一样,箭头函数的this始终指向函
转载 2017-04-08 20:52:00
60阅读
2评论
箭头函数的语法非常简单,看一下最简单的箭头函数表示法 之前没有接触过箭头函数的人可能会惊讶于其代码的简洁。对比之前如果要写一个这样的函数 箭头函数的简洁性一目了然。 对比: .
转载 2019-04-12 17:15:00
101阅读
2评论
1.原生写法:function(){}; var a = function(){console.log('wl')}; 2.es6(箭头函数) 1).不传参:()=>{}; var a = ()=>{ console.log('wl)}; 2)传一个参:item=>{}; 在传一个参时括号可省略 l ...
转载 2021-10-27 09:53:00
118阅读
2评论
ES6中允许使用箭头=>来定义箭头函数,具体语法,我们来看一个简单的例子:// 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; };可以看
转载 2024-05-22 14:12:48
40阅读
/* this指向 1.通过对象调用函数,this指向对象 2.直接调用函数,this指向全局 3.通过new调用函数,this指向新创建对象 4.通过call,apply,bind调用函数,this指向指定数据 5.dom事件函数,this指向事件源 箭头函数用法 关于函数表达式,任何函数表达式都
原创 2023-05-13 01:21:07
109阅读
Document
原创 2022-07-22 14:41:01
68阅读
Document
原创 2023-03-24 19:18:40
55阅读
原创 2022-02-11 15:31:19
52阅读
1. 箭头函数箭头函数排在第一个是因为它的 this 不会被改变,所以只要当前函数箭头函数,那么就不用再看其他规则了。箭头函数的 this 是在创建它时外层 this 的指向。这里的重点有两个:创建箭头函数时,就已经确定了它的 this 指向。箭头函数内的 this 指向外层的 this。所以要知道箭头函数的 this 就得先知道外层 this 的指向,需要继续在外层应用七步口诀。2. new当
  • 1
  • 2
  • 3
  • 4
  • 5