对象的单体模式 为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式 1 var person = { 2 name:'小马哥', 3 age:12, 4 fav(){ 5 console.log(this.name,this.age); 6 } 7 } 8 person.fav(); ...
分类:
其他好文 时间:
2020-01-08 22:59:57
阅读次数:
75
选项 / 生命周期钩子 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this与你期待 ...
分类:
其他好文 时间:
2020-01-08 22:45:16
阅读次数:
92
核心要点 function(){} 和 () = {} 的最大区别在于前者会在运行时绑定this对象,后者不会 由于function(){}在运行时在内部自动绑定this对象,则不会访问外部作用域this 由于() = {}不能自动绑定this对象,则只能访问外部作用域this 如果要使用动态绑定的 ...
分类:
其他好文 时间:
2020-01-08 20:45:05
阅读次数:
79
就是说因为jsx语句跨行了,如果写在一行是可以省略小括号的。 另外,对于箭头函数右边的大括号()=》{ } ...
分类:
其他好文 时间:
2020-01-06 12:32:29
阅读次数:
100
代码 mounted(){ //在mounted里执行 let ua = navigator.userAgent.toLowerCase(); //判断是否是微信端 if (ua.match(/MicroMessenger/i) == "micromessenger") { this.getWxSh ...
分类:
微信 时间:
2020-01-02 15:29:54
阅读次数:
133
简单记录,方便快速复习~ 函数扩展: 参数默认值、rest 参数、扩展运算符、箭头函数、尾调用... 对象扩展: 简洁表示、属性表达式、新增API等... //函数扩展 // 参数默认值 function fn(x,y=1){ console.log(x+y) } fn(2) { // 注意作用域 ...
分类:
其他好文 时间:
2019-12-29 23:23:10
阅读次数:
96
JavaScript简介 JavaScript是一种脚本语言,也是一种轻量级的编程语言,可插入HTML页面的编程代码,插入HTML页面后,可由浏览器执行 引入方式: 1.script标签内写代码 <script> // 编写js代码 </script> 2.引入外部的js文件 <script src ...
分类:
编程语言 时间:
2019-12-28 20:35:28
阅读次数:
73
map var arr = [1,2,3,4,5,6,7,8,9]; var s = arr.map(String); console.info(s) function pow(x){ return x * x; } var results = arr.map(pow); console.info( ...
分类:
其他好文 时间:
2019-12-26 09:30:20
阅读次数:
79
箭头函数: let fun = () => { console.log('lalalala'); } 普通函数: function fun() { console.log('lalla'); } 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和 ...
分类:
其他好文 时间:
2019-12-23 22:38:46
阅读次数:
90
本文链接:https://lienjack.github.io/Blog/knowledge/js/3.this.html#%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0 本篇我们重点比较一下箭头函数与普通函数。 主要区别包括: 1.没有 this 箭头函数没有 this, ...
分类:
其他好文 时间:
2019-12-23 15:03:59
阅读次数:
135