JavaScript(JS)
1. ECMAScript标准 - 基础的语法
2. DOM Document Object Model 文档对象模型
3. BOM Browser Object Model 浏览器对象模型
面向对象
对象是一个容器,封装了属性property和方法method.
提出需求,对象封装,注重的是结果; 而面向过程注重的是过程. Js 不是一门面向对象的语言, 是基于对象的语言, js 是模拟面向对象.
面向对象的特性: 封装,继承,多态, (抽象性)
封装: 把一些重用的内容进行包装,在需要的时候使用, 把一个值放在一个变量中, 把一些重用的代码放在函数中, 把相同功能的函数放到一个对象中
继承: 类与类之间的关系, js 中没有类的概念, js有构造函数, 通过原型实现
多态: 同一行为,针对不同的对象,产生不同的效果
面向对象编程 object oriented programming OOP
将真实世界的各种复杂关系抽象为一个个的对象, 然后由对象之间的分工与合作,完成对真实世界的模拟. 面向对象编程具有灵活性,代码可复用,高度模块化等特点.
面向对象不是面向过程的代替,而是面向过程的封装
程序中面向对象的基本体现
js 中 所有的数据类型都可以视为对象, 也可以自定义对象. 自定义的对象数据类型就是面向对象中的类的概念.
学生成绩表:
var std = {
name: 'Bob',
score: 98
getScore: function(){
return this.score;
}
}
创建对象的三种方式
1. 字面量的方式
var person1 = {
name: "Wang",
age: 20,
walk: function () {
console.log("walk");
}
}
2. 调用系统的构造函数
var person2 = new Object();
person2.name = "Wang";
person2.age = 20;
person2.walk = function () { console.log("walk"); }
3. 自定义构造函数方式
function Person(name, age) {
this.name = name;
this.age = age;
this.walk = function () { console.log("walk");
}
var person3 = new Person("Wang", 20);
通过自定义构造函数,可以找到该对象是属于什么对象的类型
console.log(person3 instanceof Person)
自定义构造函数创建对象
1. 开辟空间存储对象
2. 把 this 设置为当前的对象
3. 设置属性和方法的值对象是通过
4. 返回this
构造函数和实例对象之间的关系
构造函数可以实例化对象,实例对象是通过构造函数来创建的, 创建的过程叫实例化
实例对象的构造器是指向构造函数的, 所以实例对象是通过构造函数创建的.
person3.__proto__.constructor = Person
person3.__proto__.constructor = Person.prototype.constructor
判断对象是不是某数据类型:
1. 构造器方式
person3.__proto__.constructor = Person
person3.__proto__.constructor = Person.prototype.constructor
2. instanceof
console.log(person3 instanceof Person)
推荐使用instanceof
构造函数创建对象带来的问题
var person4 = new Person("Wang2", 22)
console.log(person3.walk == person4.walk) 不是同一个方法(函数)
当定义多个对象时, 会造成空间浪费,可以通过原型来解决, 达到部分数据共享
