前端编程

计算机语言发展的三个阶段

计算机语言发展的三个阶段

计算机编程语言结构

计算机编程语言结构

JS编程层次结构

JS编程层次结构

编程语言类型

编程语言类型

编程范式

编程范式：是指软件工程中的一类典型的编程风格。
JS多范式语言，支持以下编程方式。

• 命令式编程
• 声明式编程
• 函数式编程
• 面向对象编程

命令式编程

命令式编程：主要思想是关注计算机执行的步骤，即一步一步告诉计算机先做什么再做什么。
找出所有人中年龄大于 35 岁的人，并存到数组中。

const people = [
    { name: "Lily", age: 33 },
    { name: "Abby", age: 36 },
    { name: "Mary", age: 32 },
    { name: "Joyce", age: 35 },
    { name: "Bella", age: 38 },
    { name: "Stella", age: 40 }
]
const newArray = [];
for (let i = 0; i < people.length; i++) {
    if (people[i].age > 35) {
        newArray.push(people[i].name)
    }
}

声明式编程

声明式编程：声明式编程与命令式编程是相对立的，只需要告诉计算机要做什么而不必告诉他怎么做。
找出所有人中年龄大于 35 岁的人，并存到数组中。

let newArray = people.fillter((item) => {
    return item.age
})

SELECT * from people WHERE age > 35

函数式编程

函数式编程：函数式编程和声明式编程是有所关联的，因为他们思想是一致的：即只关注做什么而不是怎么做。但函数式编程不仅仅局限于声明式编程。
最重要的特点是“函数第一位”，函数是一种数据类型，即函数可以出现在任何地方，可以作为参数传递给另一个函数，还可以将函数作为返回值。

function A() {
    console.log("hello")
}
function B(Fn) {
    Fn()
}
B(A)

function B() {
    function A() {
        console.log("hello")
    }
    return A
}
B()()

面向对象编程

面向对象编程：把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统抽象建模。面向对象是一种以“对象”为中心的编程思想，把要解决的问题分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个对象在整个解决问题的步骤中的属性和行为。

面向过程

面向对象

应用场景

函数式编程

函数编程应用

面向对象编程

面向对象编程应用

前端编程

前端编程

• HTML 内容
• CSS 样式
• JS 交互

文献

1. http://c.biancheng.net/view/130.html
2. http://nodejs.cn/learn/the-v8-javascript-engine