web进阶之二十四:Js内置对象和面向对象

内置对象

  • document
    -document.referrer //获取上一个跳转页面的地址(需要服务器环境)
  • location
    -window.location.href //获取或者重定url地址
    -window.location.search //获取地址参数部分
    -window.location.hash //获取页面锚点或者叫哈希值
  • Math
    -Math.random 获取0-1的随机数
    -Math.floor 向下取整
    -Math.ceil 向上取整

document

  上面第一个document 我们比较熟悉,document.write(),在整个页面书写内容,这里的document.referrer,是用来获取上一个跳转网页的地址。就比如我们在登录电商网站时,如果没有登录,在选购商品,当要购买时,需要登录,登录完成然后再跳转到之前的页面。就是这样的操作。




    
    跳转的源页面
    


    baidu


location

上面我们已经使用了一种window.location.href

获取或者重定url地址

那么第二种,用来获取参数部分,当我们之前在讲到表单时知道,我们要给输入的值,传送到一个地址,那么在那个站点就会接受一些用户的信息或者其他的什么,我们就可以通过window.location.search来获得。




    
    获取地址栏参数
    


    
欢迎访问我的主页

在上面的代码中也写到了获取页面锚点或者叫哈希值,例如我们在进行在线阅读存书签时,点击网页,获取一个锚点,下次我们就能通过这个锚点才重新找到我们所看到的部分。

Math

一个内置数学方法,可以实现一些操作




    
    Math
    


    


面向对象

理解一些概念:

面向过程与面向对象编程

是相互的、共同存在。

1、面向过程:所有的工作都是现写现用。

2、面向对象:是一种编程思想,许多功能事先已经编写好了,在使用时,只需要关注功能的运用,而不需要这个功能的具体实现过程。

javascript对象
将相关的变量和函数组合成一个整体,这个整体叫做对象,对象中的变量叫做属性,变量中的函数叫做方法。javascript中的对象类似字典。

创建对象的方法

单体




    
    单体创建对象
    


    


工厂模式




    
    工厂模式创建对象
    


    


构造函数




    
    构造函数
    


    


原型模式




    
    原型模式
    


    


上面主要需要理解的就是,当调用对象的方法时,首先要看对象本身内部有没有,如果有,就用自己的,如果没有,就返回原型去寻找。

继承

call和apply的区别




    
    call和apply
    


    


继承




    
    函数的继承
    


    


上面继承中要注意的就是,继承父类的属性时,要用父类的call方法,把原来指向父类的this该为子类。这样属性就继承了。

你可能感兴趣的:(web进阶之二十四:Js内置对象和面向对象)