javascript基础学习四
回顾:
1、面向对象的角度
a) 什么是面向对象
b) 什么是面向过程
c) 什么是面向对象开发,面向过程开发
2、调试工具的使用(查看DOM方法)
3、数据的内存结构(*)
4、基本类型和复杂类型的变量存储结构
空对象,存储特点是只有变量没有对象数据,但有对象方法等
值类型与引用类型
1、内存逻辑结构(画图)
2、赋值方式
a) 值类型赋值的存储特点,将变量内的数据全部拷贝一份,存储给新的变量
b) 其特点是在内存中有两个数据副本
引用类型赋值
赋值就是将栈中存储数据拷贝,然后将数据赋值给obj
内存中有1份数据。
问题:利用obj修改的name会影响到原来的
1、深拷贝与浅拷贝
如果拷贝的时候,将数据的所有引用结构都拷贝一份,数据在内存中独立就是深拷贝
如果,只针对当前的对象属性进行拷贝,那么就是浅拷贝
拷贝:复制一份,指将对象的数据复制
在讨论的时候一定要保证对象的属性也是引用类型
//浅拷贝代码 var pCopy = {}; pCopy.name = p.name; pCopy.age = p.age; pCopy.car = p.car; //引用类型是浅拷贝时没有拷贝对象,指向一个对象存储空间 //深拷贝代码 var pCopy = {}; pCopy.name = p.name; pCopy.age = p.age; pCopy.car = {};//深拷贝时,开辟新空间使得数据独立 pCopy.car.name = p.car.name;
2、代码的封装
a) 利用面向对象的思想,一般会让对象带有一个copy的方法,来完成自己的拷贝
b) 如果需要将一个对象封装成浅拷贝
c) this在函数(方法)内部,表示调用该函数的对象
//浅拷贝代码 var p = { name : \'zs\', age : 19, gender : \'男\', copy : function () { var temp = {}; for (var k in this) { temp[ k ] = this[ k ]; } return temp; } }; var p2 = p.copy(); p.name = \'李四\'; p.age = 20; p.gender = \'女\'; //深拷贝代码 //需要保证所有的对象中都有copy方法,那么就可以简化了 var deepCopy = function () { //1、创建一个对象 var temp = {}; //2、拷贝属性,在判断如果是引用类型需要深拷贝 for ( var k in this) { if (typeof this [k] == \'object\' ){ temp[k] = this[k].deepCopy(); }else { temp[k] = this[k]; } } return temp; } var car = {name : \'法拉利\',}; var p = { name :\'账单\', car : car }; car.deepCopy = deepCopy; p.deepCopy = deepCopy; var newP = p.deepCopy(); p.name = \'sjdhsas\'; p.car.name = \'lbjn\';
总结:深拷贝浅拷贝在拷贝引用类型时有区别。
面试题
1、onload 与 jq 中 read 的区别
a) onload时表示所有东西加载完成(如图片等)read 加载完成DOM树就可以
2、类型转换(注意:在js中唯一一个自己不等于自己NaN)
创建对象的过程
1、代码: var p = new person();
2、首先运算符new创建了一个对象,类似于{ }是一个没有(任何自定义成员)的对象
a) 使用new创建对象,对象的类型就是创建他的构造函数名(person)
b) 使用{},创建的是object,相当于new object()
3、然后调用构造函数为其初始化成员
a) 构造函数在调用的一开始,有一个赋值操作,即this = 刚刚创建出来的对象
b) 因此在构造函数中this表示刚刚创建出来的对象
4、在构造函数中,利用对象的动态特性为对象添加成员
1、onload 与 jq 中 read 的区别
a) onload时表示所有东西加载完成(如图片等)read 加载完成DOM树就可以
2、类型转换(在js中唯一一个自己不等于自己NaN)
对象的动态特性
1、在js中,一个对象需要属性,就可以利用object.Name = 值 的方式为其添加。只要赋值成功,对象就新增了属性。
a) var car = {}; car.name : \'法拉利\';//动态添加属性
2、对象的访问形式
a) 点语法:‘ o.name ’
b) 关联数组:‘ o[‘name’]’ //方括号里面一定要是字符串,没有引号表示变量名,非引用属性
c) 小结:o[‘name’]== o.name
3、使用关联数组的地方
a) mix
function mix(o1,o2) { //在jq中将此函数命名为extend
for (var k in o2) {
o1[k] = o2 [k]; //关联数组
}
}
4、凡是需要给对象动态添加成员的时候,必须使用关联数组的语法(因为。语法需要清楚的属性名)
5、O.sayHello()= o[‘sayHello’]();//();表示调用
作为函数参数
1、作为函数的参数,就是将参数的数据拷贝一份传递给函数定义中的参数
a) function foo (num) {
}
var a = 123;
foo ( a );
函数在调用的时候,首先需要将参数中的数据拷贝一份,即数字123拷贝一份
跳转到函数定义中(函数体中),在此之前完成了参数的赋值,即num=123
正式的进入函数内,准备执行函数中的每一句话
2、值类型作为函数参数传递的特征,函数内与函数外是两个不同的变量,仅仅是值相等
3、引用类型作为函数参数传递的特征,函数内与函数外是两个不同的变量但是指向同一个对象
a) 因此在函数内部允许修改函数外部的变量值
构造函数的作用
构造函数是做什么用的
1、初始化数据
2、在js中,给对象添加属性用的,初始化属性值用
异常与捕获
可能出现的时候使用
异常:程序运行过程中出现的错误
在js中出现异常后,浏览器会给出一段错误码,就是错误消息(类型加信息)
如何处理异常:出现异常后还能继续执行。
常见的异常两类:
1、运行环境的多样性(异常处理)
2、语法错误,代码错误
捕获:try-catch
尝试这么做,如果出现错误捕获错误
Try{
可能出现的错误
} catch (e) { //e -> error or exception表示错误对象
处理错误代码
1、代码正常运行,如果try中出现错误,try里面出现错误语句后面的代码不执行,直接跳到catch
2、catch中处理错误信息,
3、然后继续执行后面的代码
4、如果try中没有错误,那么不走catch直接执行后面的代码
如何抛出异常(未来三年内,自己写的函数必须符合特定要求)
js解析器运行预处理时会先解析,检查语法
1、throw是抛出异常的语法,其后跟一个对象,即错误对象
2、一般该对象使用new Error(‘错误信息’)来创建,也支持任意对象
补充:
1、try-catch语法的最终结构是try-catch-finally
Try{
//可能出现的错误
} catch (e) { //e-》error or exception表示错误对象
//处理错误代码
] finally {
//try这个代码块之前执行,是始终执行的代码
}
任何一个DOM树结构的结论
1、所谓的DOM操作,操作的是什么?
2、一般DOM树结构
a) 父节点
兄弟节点
当前节点
属性节点
子节点