【命令式编程和声明式编程的区别】

最新推荐文章于 2024-07-04 21:15:52 发布

原创最新推荐文章于 2024-07-04 21:15:52 发布 · 415 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

web前端专栏收录该内容

31 篇文章

订阅专栏

这篇博客探讨了命令式编程与声明式编程的区别。命令式编程关注步骤，通过DOM操作实现页面元素的交互，而声明式编程如Vue.js，则注重结果，使用数据绑定简化代码，提高代码可读性和效率。

命令式编程(Imperative)

命令式编程：使用DOM的指令创建页面元素。

特点：注重过程，开发者需要告诉程序每步做什么

var dom1 = document.querySelector('div');
var input = document.querySelector('input');
input.onChange = function () {
  var value = input.value;
  dom1.innerHTML = value;
}

声明式编程(Declarative)

声明式编程：注重结果，直接告诉程序要什么，如何做的部分被封装到“高阶函数”（如map，filter等）

特点：声明式编程可以写出更简洁、更有表现力的代码。代码越少，bug出现的机率越小。

  <div id="app">
  <p>{{ message }}</p>
<input type="text" v-model="message">
  </div>
  <script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'hello world!'
  }
}