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
  1. Number
  2. String
  3. Boolean
  4. Array
  5. Function
  6. Math - 参考
  7. Date - 参考

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>
  1. 节点（Node）

  2. 节点的属性

  3. 节点的方法

  4. NodeList

  5. 获取节点

操作DOM

FrankFang/AJavaScriptLib

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

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

构造函数与『类』

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

问答

Made with Slides.com