js中的this的简单理解

	js种的this其实并没有想象中的那么难理解,它是主要和调用的方法有关系,具体如下:
		1.普通函数下的this:
			如:function a(){
 					var name = "zhangsan";
 					console.log(this.name);``}
				a();   //undefined
像这种情况,函数a()就是undefined,a()可以看作是window.a();指向的是全局对象。
		2.对象下函数的this:
		如:var a = {
		var name = "zhangsan"
		function b (){
		console.log(this.name)}}  
		a.b();       //zhangsan
		
像这种情况,当函数作为对象里的方法被调用时,它们的 this 是调用该函数的对象。但是如果这个函数来里边再嵌套函数的话,不管嵌套多少个,里边的this指向的都是全局
		3.构造函数中的this:
		如:function a (){
		this.name= "zhangsan"}
		var b = new a();
		console.log(b.name)   //zhangsan
像这种情况,函数作为构造函数被new返回一个对象时,这个对象就是这个this。
 4.就是call和apply这个具体作用就是自行改变this的指向。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Vue 2 ,混入(Mixin)是一种将组件的选项合并到多个组件的方式。它允许我们在多个组件重用相同的选项,例如数据、计算属性、方法等。通过混入,我们可以将相同的逻辑和功能应用于多个组件,同时保持代码的重用性和可维护性。 使用混入非常简单,只需将混入对象传递给组件的 mixins 选项即可。下面是一个示例: ```javascript // 创建一个混入对象 var myMixin = { data() { return { message: 'Hello, mixin!' }; }, methods: { greet() { console.log(this.message); } } }; // 创建一个组件,并将混入对象应用于该组件 Vue.component('my-component', { mixins: [myMixin], created() { this.greet(); // 调用混入对象的方法 } }); // 创建 Vue 实例 new Vue({ el: '#app', template: '<my-component></my-component>' }); ``` 在上面的示例,我们创建了一个名为 `myMixin` 的混入对象,它包含了一个 `data` 属性和一个 `greet` 方法。然后,我们将该混入对象应用于一个组件,在该组件的 `created` 钩子函数调用了 `greet` 方法。最后,我们创建了一个 Vue 实例,并将该组件渲染到指定的 DOM 元素。 通过混入,我们可以在多个组件共享相同的数据和方法,实现代码的复用和逻辑的统一。但需要注意的是,混入的选项将会与组件的选项合并,如果有命名冲突,组件的选项将会优先。因此,在使用混入时,要确保命名不会发生冲突,以避免意外的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值