JS里面具有对象的概念，但是没有类的概念。原型对象。
面向对象： OOP
class 人类{}
张三 = new 人类（）；
1. 对象的概念
- JS一切皆对象。number ，string ，DOM，BOM，array全部都是对象
- 字面量：一看就知道是啥。
2.申明方式
- 第一种： {}；空的对象
- 第二种： new Object();
3.对象的键
- 对象内容时由键值对组成的。前面的名字就是对象的键，后面值就是对象键的值。
- 键值对是成对出现的，不能单独存在。
-
对象的键都是字符串，所以前面键名在定义的时候不需要添加引号，而对象的值可以是任何数据类型，所以对象的值如果是字符串，那么需要添加引号。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var p1 = {};
p1.name = 'zhangsan';
p1.age = 22;
p1.sex = 'man';
console.log(p1);
var p2 = {
name:"lisi",
age:11,
sex:'nv'
};
console.log(p2)
</script>
</body>
</html>
4.对象的键的字符串特性
如果键是数字格式的，那么先转化成标准数字，再转化成字符串。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var p1 = {
1:'asbd',
1.2:'sdjsa',
1e3:'sdas',
.123:'adsjd',
1.45e-3:'sdand'
};
console.log(p1['1000']) //sdas
</script>
</body>
</html>
5.特殊的键名
- 以数字开头的，但是里面包含有字母的键名就是特殊的键名。
- 不符合标识符命名规范的键名就是不标准键名。
- 具有特殊键名的需要给键名添加引号。而且访问的时候只能使用中括号的形式访问。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var p2 = {
"3P":'三个人',
'name-s':1111,
'zhang san':1
};
console.log(p2['zhang san'])
</script>
</body>
</html>
6.属性与方法的概念
- 对象中键就叫做对象的属性。键的值叫做属性值。
- 如果一个对象的属性的值是一个函数。那么我们称这样的属性叫做方法。
- 属性值是函数属性的叫做对象方法。
- 属性值不是函数的属性叫做对象属性。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var ren = {
name:'zengke',
age:19,
sex:'nan',
eat:function(){},
sleep:function(){},
learn:function(){}
};
</script>
</body>
</html>
7.对象的动态属性。
一个对象在申明的时候，不一定会申明所有的属性，有些属性是可以后来添加的，这种能够给对象添加属性的方法叫做对象的动态属性。
eg:
var p1{
name:"zhansgan",
age : 18
};
//动态属性
var p2={}；
p2.name = 'lisi';
p2.age = '18';
8.对象的格式
- 对象的字面量就是一对大括号。
- 里面是成对的键值对，也就是属性。
- 每一个键值对之间使用一个逗号隔开。最后一个可以不加逗号。
9.表达式？还是对象？
{
foo:'bar'
}
在JS V8 引擎规定，这样的语法统一认为是一个对象。
10.对象的引用
- 对象的传递和普通数据类型的传递是不一样的。
- 值传递与地址传递。
- 简单数据类型的传递使用的是值传递。
- 对象数据类型的传递使用的是地址传递。
- 对象的别名一旦数据类型发生变化，那么与原来对象之间地址引用就发生了改变。
11.对象的属性
- 属性的获取：两种方式
- 对象名.属性名
- 对象名['属性名']
- 所有使用点操作的方式都是可以替换成中括号形式的。
- 特殊情况：
- 如果属性名是数字，那么只能使用中括号方式。
- 如果属性是一个变量的情况也只能使用中括号，只是不加引号。
- 属性的赋值：
- 对象.属性名 = 值；
- 对象['属性名'] = 值；
oDiv.innerHTML - 对象的属性可以使用delete删除。
- 删除成功返回true。删除不存在的属性也是返回true，所以不能使用delete的返回值判断一个属性是否被删除。
12.对象的遍历
- in 操作符 ： 可以判断某一个对象是否具有某个属性。
- for....in : 遍历对象
13.with
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var p1 = {
o1:'dabsd',
o2:'adnjsk',
o3:'adj',
};
var p2 = {};
var p3 = {};
p2.child = p1;
p3.lala = p2;
console.log(p3.lala.child.o1); //dabsd
//临时变量
var l = p3.lala.child;
cosnole.log(l.o3);
</script>
</body>
</html>
但是不推介使用。推介使用临时变量代替一长串对象操作。
14.严格模式
- 使用：”use strict”
- 脚本开始的位置(不利于JS文件的合并)
- 函数开始的位置
- 脚本改良版，使用立即函数包含
(function(){
'use strict';
})();
- 产生的影响：
- 禁用with语法
- 变量必须申明
- eval的作用域，并且eval与arguments作为关键字
- 全局函数this指向undefined
- 对象字面量重复属性名报错
- 禁止使用8进制
15.代码规范
-
缩进：一个tab 或者四个空格。
-
区块括号：
if(){}
-
圆括号
-
函数调用，函数申明没有空格
func(); -
分号： 每一代码结束的时候要加上分号。
function say(){
}
var say = function(){
};
(function(){
})();
- 全局变量：一般要避免使用全局变量，因为会产生污染。可以使用立即函数避免全局变量。避免不了使用全局变量，那么请使用大写。var USER_NAME
- 尽量使用严格相等。
- 不要不申明变量直接使用。
网友评论