JS内置对象(标准库)

standard 标准的

http://www.iciba.com/standard

library 图书馆、知识库

http://www.iciba.com/library

目录

  1. 标准内置对象
  2. DOM

标准内置对象

指的是在全局范围(global scope)中的对象

无论是 NodeJS 还是在浏览器中都有(ECMAScript规范)

  1. Object
  2. Number
  3. String
  4. Boolean
  5. Array
  6. Function
  7. Math
  8. Date
  9. RegExp - 以后单独讲
  10. ……

参考 MDN《JavaScript 标准库

Object

所有对象都是 Object 构造出来的

  1. Object 构造函数 - new Object()
  2. 不带 new 的 Object() - 可以将任意值转为对象。
  3. Object 构造出的对象的方法
    1. valueOf():返回当前对象对应的值。
    2. toString():返回当前对象对应的字符串形式。
    3. toLocaleString():自己去 MDN 看看
    4. hasOwnProperty():判断某个属性是否为当前对象自身的属性,还是继承自原型对象的属性。
    5. isPrototypeOf():暂不讲
    6. propertyIsEnumerable():判断某个属性是否可枚举。
  4. Object 构造函数的方法
    1. keys
    2. getOwnPropertyNames

Object 能构造一个普通的对象

下面函数能构造一些特殊的对象

如何掌握标准库——敲代码,练习,背

不鼓励使用 new Boolean

还记得5个falsy值吗?

0    ''      null   undefined    NaN

推论:所有对象转为 bool 都是 true

var a = false

if(a){
    alert(1)
}
var a = new Boolean(false)

if(a){
    alert(1)
}
var a = new Boolean(false)

if(a.valueOf()){
    alert(1)
}

DOM

文档对象模型 Document Object Model

定义:文档对象模型 (DOM) 是HTML和XML文档的编程接口

人话:想要操作网页,就要使用DOM

DOM Tree

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

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <h1></h1>
    <p><a href=""></a></p>
    <ul>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>
</body>

</html>

操作DOM

  • last
  • first
  • previous
  • next
  • getText
  • setText
  • createTextElement
  • createLink

DOM 本身提供的接口太难用了,所以才有了 jQuery

构造函数与『类』

ES5 中没有类,但是有构造函数

问答

Made with Slides.com