zoukankan      html  css  js  c++  java
  • js面向对象2

    1、发展史

      面向机器

      面向过程:将程序的执行分解成若干个步骤

      面向对象:将程序的执行分解成若干个事物

    2、面向对象两个基本概念

    类:代表某类事物,是抽象的

    对象:代表某个事物,是具体的

    3、快速入门

    表达一个人的完整信息

    复制代码
     1 <script>
     2     
     3     //面向过程
     4     var name = 'zhangsan';
     5     var age = 30;
     6     var marry = true;
     7     alert(name + age + marry);
     8     
     9     //面向对象
    10     function Person{
    11     }
    12     var p1 = new Person();
    13     p1.name = 'lisi';
    14     p1.age = 20;
    15     p1.marry = true;
    16     alert(p1.name + p1.age + p1.marry);
    17     
    18 </script>
    复制代码

    在面向过程的例子中,我们分别使用了三个变量来定义一个人的完整信息,但这三个变量它们之间没有必然的联系,如:我现在找到变量age,虽然可以取到数据,但并不清楚这是“谁”的年龄。

    在面向对象的例子中, function Person{}是构造器。我们可以这样理解,每一个定义的function Person{}都是Person类的构造函数。

    4.JS中常见的系统类

    1)String类 字符串类

    length :取得字符串长度                        

    indexOf(string) :取得参数在字符串中出现的位置

    substr(num1,[num2]) :截取字符串

    toLowerCase()       :转换为小写    

    toUpperCase() :转换为大写    

    replace(str1,str2) :字符串替换

    2)Date类   日期类

    getYear()        :返回年份(有时会出错,建议用第二种)

    getFullYear()  :返回年份  

    getMonth()     :返回月份 (0---11)    

    getDate()       :返回每月第几天      

    getDay()         :返回星期数 (0-6)

    getHours()      :返回小时数

    getMinutes()   :返回分钟数

    getSeconds() :返回秒数

    getMilliseconds() :返回毫秒数

    3)Math类  数学类

    ceil(数值)       :返回大于或等于该数的最小整数(比如说分页 Math.ceil(4.8)=5)

    floor(数值)     :返回小于或等于该数的最大整数

    min(数值1,数值2) :返回最小数

    max(数值1,数值2) :返回最大数

    pow(数值1,数值2) :返回数值1的数值2次方

    random()              :返回随机数  0----------1

    round(数值)   :四舍五入

    sqrt(数值)      :开平方根

    Math类下的方法都是静态方法

    5.自定义类--类的定义

    语法:

    function 类名(){

    }

    在js中,没有类的定义语句,只有function,每一个function,我们可以认为它是同名类的构造函数

    比如说:

    function person(){

    它是Person类的构造函数 

    这种函数也叫构造器

    6.自定义类--声明对象

    语法: var 对象=new 类名();

    关键字new:实例化对象, 开辟相应内存空间

    1 function Person(){
    2     alert('hello');
    3 }
    4 var p1 = new Person();

    执行上面这个例子时,我们发现,在实例化时,直接执行了Person构造函数

    7.自定义类--关于对象属性的使用

    语法:

      对象.属性;

      对象['属性'];

    复制代码
    1 function Person(){
    2     alert('hello');
    3 }
    4 var p1 = new Person();
    5 p1.name='zhangsan';
    6 p1.age=30;
    7 alert(p1.name+p1.age);
    复制代码

    在js中,对象属性是动态添加的,对象属性可以使用“.”或['']这两种形式表示出来

    对象的属性可以是任何数据类型,如:字符串、数字、对象

    8.三个关键字

    constructor: 返回的是对象的构造器

    typeof :返回数据类型

    instanceof :判断对象是否是某个类的实例

    复制代码
     1 function Person(){
     2     alert('hello');
     3 }
     4 var p1 = new Person();
     5 p1.name='zhangsan';
     6 p1.age=30;
     7 alert(p1.name+p1.age);
     8 
     9 //返回p1对象的构造器
    10 alert(p1.constructor);
    11 //取得p1变量的数据类型
    12 alert(typeof p1);
    13 //判断p1是不是Person类的一个实例
    14 alert(p1 instanceof Person);
    复制代码

    9.对象在内存中的表现形式

    复制代码
    1 //例1
    2 function Person(){
    3 }
    4 var p1 = new Person();
    5 p1.name='zhangsan';
    6 p1.age=30;
    7 
    8 var p2 = new Person();
    9 alert(p2.name);
    复制代码

    在例1中,创建p1对象时,会为p1开辟相应的堆空间,然后将name和age属性以及值添加到p1所指向的堆空间中,创建p2对象时,也会为p2对象开辟对应的空间,但p2所指向的堆空间是空的,所以P2对象没有name和age属性。

    复制代码
     1 //例2
     2 function Person(){
     3 }
     4 var p1 = new Person();
     5 p1.name = 'zhangsan';
     6 p1.age = 30;
     7 
     8 var p2 = p1;
     9 alert(p2.name);
    10 p2.name = 'lisi';
    11 alert(p2.name);
    12 alert(p1.name);
    复制代码

    在例2中,将p1栈中保存的堆的地址赋值给了p2,所以说,p2也指向了p1指向的堆内存的地址。两个对象指向了同一块堆内存,所以改变一个对象的属性,会影响到另一个对象。

    复制代码
     1 //例3
     2 function Person(){
     3 }
     4 var p1 = new Person();
     5 p1.name = 'zhangsan';
     6 p1.age = 30;
     7 
     8 var p2 = p1;
     9 alert(p2.name);
    10 p2 = null;
    11 alert(p1.name);
    12 alert(p2.name);
    复制代码

    在例3中,P2=null; 表示释放p2所占的栈空间,但p1的空间仍保留,p1仍然指向相应的堆空间,所以删除p2不会影响到p1对象。

     
     
  • 相关阅读:
    GIS Cesium地图数据配置
    HDFS详解
    Hadoop学习路线图
    SecureCRT工具
    Eclipse使用技巧收集
    如何确定 Hadoop map和reduce的个数--map和reduce数量之间的关系是什么?
    HBase基本概念
    Hbase Rowkey设计
    MapReduce调度与执行原理系列文章
    LVS学习笔记及总结(思维导图版)
  • 原文地址:https://www.cnblogs.com/zhangxiaolei521/p/5219656.html
Copyright © 2011-2022 走看看