如何制作一个能查询世界网站排名的详细网页?
摘要:世界网站排名查询,制作网页的详细步骤,网站建设计划书范本,做网站需要做什么页面# JavaScript 进阶 - 第3天笔记 > 了解构造函数原型对象的语法特征,掌握 JavaScript 中面向
世界网站排名查询,制作网页的详细步骤,网站建设计划书范本,做网站需要做什么页面# JavaScript 进阶 - 第3天笔记 了解构造函数原型对象的语法特征#xff0c;掌握 JavaScript 中面向对象编程的实现方式#xff0c;基于面向对象编程思想实现 DOM 操作的封装。
- 了解面向对象编程的一般特征
- 掌握基于构造函数原型对象的逻辑封装
- 掌握基于原型对…# JavaScript 进阶 - 第3天笔记 了解构造函数原型对象的语法特征掌握 JavaScript 中面向对象编程的实现方式基于面向对象编程思想实现 DOM 操作的封装。
- 了解面向对象编程的一般特征
- 掌握基于构造函数原型对象的逻辑封装
- 掌握基于原型对象实现的继承
- 理解什么原型链及其作用
- 能够处理程序异常提升程序执行的健壮性
## 编程思想 学习 JavaScript 中基于原型的面向对象编程序的语法实现理解面向对象编程的特征。
### 面向过程
面向过程就是分析出解决问题所需要的步骤然后用函数把这些步骤一步一步实现使用的时候再一个一个的依次调用就可以了。 举个栗子蛋炒饭!
### 面向对象
面向对象是把事务分解成为一个个对象然后由对象之间分工与合作。
在面向对象程序开发思想中每一个对象都是功能中心具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点更适合多人合作的大型软件项目。
面向对象的特性
- 封装性
- 继承性
- 多态性
## 构造函数
对比以下通过面向对象的构造函数实现的封装
htmlscript
function Person() {
this.name 佚名
// 设置名字
this.setName function (name) {
this.name name }
// 读取名字
this.getName () {
console.log(this.name) } }
// 实例对像获得了构造函数中封装的所有逻辑
let p1 new Person()
p1.setName(小明)
console.log(p1.name)
// 实例对象
let p2 new Person()
console.log(p2.name)
/script
封装是面向对象思想中比较重要的一部分js面向对象可以通过构造函数实现的封装。同样的将变量和函数组合到了一起并能通过 this 实现数据的共享所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的
总结
1. 构造函数体现了面向对象的封装特性
2. 构造函数实例创建的对象彼此独立、互不影响封装是面向对象思想中比较重要的一部分js面向对象可以通过构造函数实现的封装。
前面我们学过的构造函数方法很好用但是 存在浪费内存的问题
## 原型对象
构造函数通过原型分配的函数是所有对象所 共享的。
- JavaScript 规定每一个构造函数都有一个 prototype 属性指向另一个对象所以我们也称为原型对象
- 这个对象可以挂载函数对象实例化不会多次创建原型上函数节约内存
- 我们可以把那些不变的方法直接定义在 prototype 对象上这样所有对象的实例就可以共享这些方法。
