theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: further tweak accessCache

Browse Source
This commit is contained in:
Evan You 2019-10-17 22:29:51 -04:00
parent 7305f693b1
commit d179918001
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/runtime-core/src/component.ts
View File

@ -258,7 +258,7 @@ export function setupStatefulComponent(
} }
} }
// 0. create render proxy property access cache // 0. create render proxy property access cache
instance.accessCache = Object.create(null) instance.accessCache = {}
// 1. create render proxy // 1. create render proxy
instance.renderProxy = new Proxy(instance, PublicInstanceProxyHandlers) instance.renderProxy = new Proxy(instance, PublicInstanceProxyHandlers)
// 2. create props proxy // 2. create props proxy

7
packages/runtime-core/src/componentProxy.ts
View File

@ -56,7 +56,7 @@ const enum AccessTypes {
export const PublicInstanceProxyHandlers: ProxyHandler<any> = { export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
get(target: ComponentInternalInstance, key: string) { get(target: ComponentInternalInstance, key: string) {
const { renderContext, data, props, propsProxy, accessCache } = target const { renderContext, data, props, propsProxy, accessCache, type } = target
// This getter gets called for every property access on the render context // This getter gets called for every property access on the render context
// during render and is a major hotspot. The most expensive part of this // during render and is a major hotspot. The most expensive part of this
// is the multiple hasOwn() calls. It's much faster to do a simple property // is the multiple hasOwn() calls. It's much faster to do a simple property
@ -79,7 +79,10 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
accessCache[key] = AccessTypes.CONTEXT accessCache[key] = AccessTypes.CONTEXT
return renderContext[key] return renderContext[key]
} else if (hasOwn(props, key)) { } else if (hasOwn(props, key)) {
accessCache[key] = AccessTypes.PROPS // only cache props access if component has declared (thus stable) props
if (type.props != null) {
accessCache[key] = AccessTypes.PROPS
}
// return the value from propsProxy for ref unwrapping and readonly // return the value from propsProxy for ref unwrapping and readonly
return propsProxy![key] return propsProxy![key]
} else if (key === '$el') { } else if (key === '$el') {