js组件化试题及解析.docxVIP

js组件化试题及解析

一、单项选择题（共10题，每题1分，共10分）

在JavaScript组件化开发中，以下哪个概念最核心地体现了“高内聚，低耦合”的设计原则？

A.全局变量

B.组件生命周期

C.组件通信

D.组件封装

答案：D

解析：组件封装是“高内聚，低耦合”原则最直接的体现。高内聚指组件内部的功能和逻辑紧密相关，被封装在组件内部；低耦合指组件对外暴露清晰的接口，减少与其他组件或外部环境的直接依赖，这正是封装带来的好处。全局变量（A）会破坏封装性，导致高耦合。组件生命周期（B）是组件自身行为的管理，不直接体现耦合关系。组件通信（C）是实现低耦合的手段，但核心思想源于封装。

在Vue.js中，以下哪个选项是用于父组件向子组件传递数据的主要机制？

A.$emit

B.props

C.ref

D.provide/inject

答案：B

解析：props是Vue.js中用于父组件向子组件传递数据的最常用、最直接的机制。父组件通过属性绑定将数据传递给子组件，子组件通过props选项接收。$emit（A）是子组件向父组件传递事件（数据）的机制。ref（C）主要用于在父组件中直接访问子组件实例或DOM元素，不是数据传递的首选方式。provide/inject（D）是用于跨层级祖先组件向后代组件提供数据的机制，适用于更复杂的场景，不是父子通信的主要方式。

在React中，关