学习vuex中遇到的js基础问题

本文深入探讨JavaScript中的new.target属性、throw异常处理、splice方法、Vue生命周期中的this指向、箭头函数的this绑定规则及Vue状态管理等核心概念,并介绍如何在Vue中正确使用箭头函数和state映射。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

new.target属性允许你检测函数或者构造函数是否通过new运算符被调用的。
不是 返回undefined
是 返回构造函数

throw 抛出自定义的异常,当前函数执行栈将会停止,控制将被传递到调用堆栈的第一个catch块,如果被调用函数中没有catch块,程序将会终止。

删除指定位置的元素,影响原数组

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

因为this指向问题 定义箭头函数时,箭头函数指向的函数内部的this已经绑定了外部的vue实例了.

在Vue所有的生命周期钩子方法(如created,mounted, updated以及destroyed)里使用this,this指向调用它的Vue实例。

:箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。

computed:count()=>{return this.$store.state.count}
//使用错误 this undefined
computed:...mapState({})
//用于取出参数对象中所有可遍历属性,拷贝到当前对象中

如果一个属性的enumerable为false,下面三个操作不会取到该属性。

  • for…in循环
  • Object.keys方法
  • JSON.stringify方法

需要在对象上添加新属性时
Vue.set(obj,'newProp',123)
和Object.assign同理 但是Object.assign不会触发更新
Objeact.assign(target,..source)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值