vue.js methods中的方法互相调用时变量的作用域是怎样的

Posted 2023-03-21

methods中的function中的this指向vue实例，其他的没什么

这种调用方式是直接访问test2函数，没有任何的this绑定，所以肯定访问不到

this.$options.methods.test2();

而直接调用this.test2()，内部肯定做了this绑定的，例如

this.$options.methods.test2.bind(this)();

更新：Vue源码中的处理

/**

* Setup instance methods. Methods must be bound to the

* instance since they might be passed down as a prop to

* child components.

*/

Vue.prototype._initMethods = function ()

var methods = this.$options.methods

if (methods)

for (var key in methods)

this[key] = bind(methods[key], this)

function bind (fn, ctx)

return function (a)

var l = arguments.length

return l

? l > 1

? fn.apply(ctx, arguments)

: fn.call(ctx, a)

: fn.call(ctx)

C语言是一门通用计算机编程语言，应用广泛。C语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

尽管C语言提供了许多低级处理的功能，但仍然保持着良好跨平台的特性，以一个标准规格写出的C语言程序可在许多电脑平台上进行编译，甚至包含一些嵌入式处理器（单片机或称MCU）以及超级电脑等作业平台。

二十世纪八十年代，为了避免各开发厂商用的C语言语法产生差异，由美国国家标准局为C语言制定了一套完整的美国国家标准语法，称为ANSI C，作为C语言最初的标准。目前2011年12月8日，国际标准化组织（ISO）和国际电工委员会（IEC）发布的C11标准是C语言的第三个官方标准，也是C语言的最新标准，该标准更好的支持了汉字函数名和汉字标识符，一定程度上实现了汉字编程。

参考技术A methods中的function中的this指向vue实例，其他的没什么这种调用方式是直接访问test2函数，没有任何的this绑定，所以肯定访问不到

this.$options.methods.test2();

而直接调用this.test2()，内部肯定做了this绑定的，例如

this.$options.methods.test2.bind(this)();

更新：Vue源码中的处理

/**
* Setup instance methods. Methods must be bound to the
* instance since they might be passed down as a prop to
* child components.
*/
Vue.prototype._initMethods = function ()
var methods = this.$options.methods
if (methods)
for (var key in methods)
this[key] = bind(methods[key], this)




function bind (fn, ctx)
return function (a)
var l = arguments.length
return l
? l > 1
? fn.apply(ctx, arguments)
: fn.call(ctx, a)
: fn.call(ctx)