对象、Web API

对象、Web API

1. 对象

构造

let obj = {};//空对象
let obj = {
    name:'01',
    age:22,
    sayHi:function(){
        console.log('Hi~');
    }
}//名称，年龄，匿名函数,属性逗号隔开

//第二种方法 Object
let obj = new Object();
obj.name = '01';
obj.age = 18;
obj.sayHi = function(){
	console.log('SayHi');
}
//第三种方法 构造函数 对象里一些相同的属性和方法抽象出来封装到函数里
function 构造函数名(参数){    
    this.属性 = 参数；
    this.方法 = function(){
    }
}
let sth = new 构造函数名(参数) 
console.log(sth.属性)
////构造函数名首字母要大写、用构造函数必须要new、属性和方法之前必须使用this

使用

console.log(obj.uname)//对象.属性名
console.log(obj['age'])//对象['属性名']
obj.sayHi() //对象名.方法名
//遍历属性
for (let key in 对象){
    console.log(key)
    console.log(对象[key])//输出属性值
}

常用方法

1. Math
2. Date
3. String
4. Array

甄别

1. 函数和方法： 都是实现某种功能，在外面的叫函数，在对象里面的叫方法

2. 构造函数和对象

   构造函数是泛指的某一大类

   对象是一个具体的事物，是构造函数的实例化

2. Web API

应用程序编程接口，实现页面交互功能 + BOM 浏览器功能 交互效果 + alert + DOM树 页面元素 + 文档页面从上往下加载 得现有标签，script脚本写在标签下

1.DOM

获取元素

document.getElementById() //返回的是一个元素对象Object
document.getElementsByTagName()