什么是render: h=＞ h(App)

hello_dashen

于 2022-03-13 21:19:48 发布

阅读量542

点赞数

分类专栏： # vue2 面试题文章标签： javascript html html5

本文链接：https://blog.youkuaiyun.com/weixin_42235173/article/details/123466495

版权

vue2 同时被 2 个专栏收录

14 篇文章

订阅专栏

面试题

4 篇文章

订阅专栏

这篇博客介绍了ES6的箭头函数在JavaScript中的使用，特别是在渲染函数`render`中的简洁表达。`h => h(App)`是将`createElement`函数简化的形式，用于创建虚拟DOM节点。Hyperscript被解释为生成HTML结构的脚本，而`createElement`函数则相当于Hyperscript的功能，用于构建DOM树。

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

什么是render: h=> h(App)

=> 是ES6的箭头语法

// ES5  
(function (h) {  
  return h(App);  
});   
// ES6  
h => h(App);

render: function (createElement) {
    return createElement(App);
}

// 进一步缩写为(ES6 语法)：
render (createElement) {
    return createElement(App);
}
// 再进一步缩写为：
render (h) {
    return h(App);
}
// 按照 ES6 箭头函数的写法，就得到了：
render: h => h(App);