前言
JavaScript中也有對象,本章主要是介紹JS中對象的基本語法, 本章的重點: "this"的引用
- 1, 創(chuàng)建一個簡單的JS對象
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript中對象的基本語法</title>
</head>
<body>
<script type="text/javascript">
// 創(chuàng)建一個人對象
// var person = {
// name : 'Alex',
// age : 25
// }
// console.log(person.name);
var student = {
name : 'Lily',
age : 18,
run : function (){
console.log(this.name + '遲到了,被老師罰跑操場');
},
eat : function(rose){
console.log(this.age + '歲, ' + '剛好是一朵' + rose);
}
}
// 調(diào)用對象中的方法
student.run();
student.eat('玫瑰花');
</script>
</body>
</html>
注意 : 在創(chuàng)建JS對象時,如果對象中有函數(shù),那么函數(shù)是不能直接拿到對象中的屬性的.所以,這里提出了一個新詞"this",我們可以通過"this"來調(diào)用成員變量,它代表的意思就是當(dāng)前對象,比如說例子中的this就是當(dāng)前對象student.
2, 遍歷對象
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript中對象的基本語法</title>
</head>
<body>
<script type="text/javascript">
var student = {
name : 'Lily',
age : 18,
height : 1.65,
width : 80,
friends : ['Jhon', 'Smith'],
run : function (){
console.log(this.name + '遲到了,被老師罰跑操場');
},
eat : function(rose){
console.log(this.age + '歲, ' + '剛好是一朵' + rose);
}
}
循環(huán)遍歷對象
for(var Sname in student) {
console.log(Sname, student[Sname]);
}
student.run();
student.eat('排骨大俠');
console.log(student.friends[1]);
</script>
</body>
</html>
- 注意 : 本章需要注意的是: 如何調(diào)用對象中的函數(shù),以及This的引入.
-
運行結(jié)果 :
Snip20160318_22.png
