|
复习
js数据类型
基础数据类型
null、undefinded、…
引用数据类型
Object、Function、Array
一、对象
引用数据类型，用于保存复杂的数据类型，多个属性和方法的集合。
对象是使用{}作为对象的边界，对象是由多个属性组成，属性与属性之间用,隔开，属性名与属性值之间用:隔开。
属性名上不加"",属性值根据数据类型选择。
1、如何创建一个对象
1.1 对象字面量的方式
var obj = {
name:“zhangsan”,
age:12,
sayHello:function(){
console.log(“hello”)
},
stu:[]
}
1.2 构造函数的方式
var obj = new Object()
console.log(obj) //{}
2、访问
点访问
obj.name
中括号访问
obj[“name”]
3、删除
delete obj.name
4、构造函数Object
toString()
//当调用该方法的对象不是 Number 时抛出 TypeError 异常。
5、遍历对象
增强for
var obj = {
name:1,
age:2,
gender:3
}
for(var key in obj){
//key属性名
console.log(obj[key])
//obj[“name”]
}
6、检测一个属性可不可以被对象调用
in
“name” in obj
7、对象的继承
所有的对象都直接或是间接继承Object
8、对象原型链
9、对象的序列化
将对象转换成json字符串
JSON.stringify(obj)
将json字符串转换成对象
JSON.parse(json_str)
二、函数
三、数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>居中显示</title>
<style>
.outer {
width: 500px;
height: 500px;
background-color: aqua;
position: relative;
}
.inner {
width: 200px;
height: 200px;
background-color: beige;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
</style>
<script>
console.log(String)
</script>
</head>
<body>
<div class="outer">
<div class="inner">
</div>
</div>
</body>
</html>
|