js--真正了解面向对象：

 

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js面向对象</title>
</head>

<body>
<h1>没有对象还非要强行创建对象</h1>
</body>
<script>
/*创建对象*/

//用 new 的方式
var animal = new Object();
//用对象字面量的方式
var animal = {};

/*第一种写法*/
var animal = {};
animal.code = 'r007';
animal.number = '666';
animal.say = function() {
console.log('哈哈哈');
}

/*第二种写法*/
var animal = {
code: "r007",
number: '666',
say: function() {
console.log('哈哈哈');
}
}
</script>
<script>
/*工厂模式--工厂模式形象店来说就是我们自己创建一个模具,然后用这个模具来量产.*/
var createAnimal = function(code, number) {
//新建一个对象
var animal = new Object();
animal.code = code;
animal.numner = number;
animal.say = function() {
console.log('666');
}

//返回一个对象
return animal;
}

//示范的创建两个对象

var animalA = createAnimal('r007', '666');
var animalA = createAnimal('r008', '777');

/*构造函数*/
var animal = function(code, number) {
this.code = code;
this.number = number;
this.say = function() {
// 拿小拳拳捶胸口
}
}
var animalA = new animal('r007', '666');
var animalB = new animal('r008', '777');
// 用instanceof来识别对象的类型
console.log(animalA instanceof animal); // true
</script>

</html>

仅供参考

 

什么是面向对象？

面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物。–引用自百度百科

通俗的理解就是：万物皆对象！世界上的任何事和物都可以被视为对象，而我们需要关注的是对象本身可以实现的功能，不需要深入理解构成对象的元素。

js中的面向对象

面向对象在js里有两个层次的含义，第一种是会使用面向对象函数；第二种是构造面向对象函数。

js也是面向对象中的一种写法，不过相对于java，js是一种弱数据类型，并不是严格意义上的面向对象。但是jq就是使用面向对象的写法创作出来的js库。

面向对象的特点

（“抽风机”谐音记忆） 
面向对象有四个特点： 
1. 抽象：抓住核心问题 
2. 封装：即把能够实现功能的函数写成封装起来，在面向对象里叫做方法。简单来说就是把实现功能的函数写成方法。 
3. 继承：继承的意思是，在实现同一种功能的前提下，新对象可以使用就对象的属性和方法。 
4. 多态：一个变量在引用不同类型的情况下的不同状态。多态开发在开发组件和模块化开发的时候能节省很多资源。

举个例子说明面向对象

// 这里的函数名在面向对象里叫做类
function Create(n, s){
        // var obj = new Object();
        // obj叫做实例，同时也是对象，面向对象写法中系统会自动创建一个obj空对象
        // 对象属性
        this.name = n;
        this.sex = s;
        // this指针，在这里指的就是这个对象

        // 对象方法
        this.showName = function(){
            alert(n);
        };
        this.showSex = function(){
            alert(s);
        };

        // 返回对象
        // 同样，面向对象中系统会自动帮我们返回obj（即this）
        //return obj;
        //return this;
    }

原型（prototype）

原型可以用来构造函数的属性和方法，使这个构造函数的属性和方法成为公用的。使用原型的优点：在内存中节省资源，提高系统性能。

下面举个例子说明原型：

Array.prototype.sum = function(){
    var num = 0;
    for(var i=0;i<this.length;i++){
        num += this[i];
    }
    alert(num);
};

这是一个用原型构造的数组方法，将求和的sum方法挂在原型上，可以使这个方法被重复使用，当然，重点是节省内存资源。

使用原型还有一个优点，就是优先级： 
原型的优先级类似于CSS中的优先级，没有使用原型的构造函数，就好比CSS中的行内样式，优先级高，而与原型挂钩的属性和方法 ，就像是style的内联样式，优先级低于行内样式。所以在调用同一种方法名的时候，系统会优先调用挂在原型上的方法！