一、对象属性的两种写法
1、点语法
点语法的属性值不加双引号,运用时不能使用变量
2、中括号的写法
(1)中括号写法obj[“key”]=value;必须有双引号,原因是在key这种写法时,要求属性名必须是字符型或者symbol;
(2)当使用obj[变量],如果变量的值不是字符型,会隐式转换为字符型,并且将这个字符作为该对象的属性名
【注】任何对象强转为字符串后,就会变成"[object Object]"
二、对象的存储
1、栈的数据读取,写入速度快,但是存储的内容较少(字符型,数值型,布尔型,undefined存在栈中)。在栈中,一旦该变量不再使用时会被清理掉。
2、堆的数据读取,写入速度慢,但是存储的内容多(对象是存储在堆中)。
3、内存泄漏:对象的引用列表中变量并没有清除掉引用关系,因此就不会被垃圾回收车回收。
var obj={a:1};
obj=3;//{a:1}的引用列表仍然是obj,但obj已经是新的值3了,于是没有任何方法再获取{a:1},这个对象也不会被垃圾回收车回收
obj=null;//当我们不使用某个对象时,要给该对象删除引用,再重新给obj赋值.当内存占用达到一定的时候,就会有一个垃圾回收车将所有堆中没有引用关系的对象回收掉
三、函数
对于js来说,函数就是把任意一段代码放在一个“盒子”里面,想这段代码执行时,直接执行这个“盒子”里代码即可。
1、函数定义
(1)命名函数定义(声明式)
function abc(){
console.log("a");
}
abc();//执行函数
- 函数也是对象。
上述代码若加上var fn=abc;fn();意为将函数abc()的函数名赋值给fn。即使不要abc();也能执行函数abc的内容 - javascript是解释性语言,代码会一边解释编译,一边执行,当执行到当前的script标签时,预先将当前script标签中所有的命名函数先存储在堆中,并且在栈中给它定义函数名引用该函数地址。
- 命名函数可以在函数定义之前或者之后执行
<body>
<script>
abc();//不能执行函数abc
</script>
<script>
function abc(){
console.log("a");
}
abc(); //在当前script中的函数一旦创建成功,后面的所有script标签都可以使用该函数
</script>
<script>
abc();//可以执行函数abc
</script>
</body>
(2)匿名函数定义
- 匿名函数没有名字
- 可以设置给一个变量,或者设置给一个对象的属性
- 匿名函数只能在函数定义后执行
变量匿名函数
//当运行到这一行时,才将这个匿名函数赋值给变量fn
var fn=function(){
}
对象方法定义匿名函数
var obj={
fn:funciton(){
}
}
自执行匿名函数。
缺点:只能执行一次,无法再次调用
(function(){
})();
3、构造函数定义
var fn=new Function("参数1","参数1",……,"函数内容");
- 构造函数中,前面的内容就是这个创建函数的所有参数,最后一个内容就是这个函数执行语句块
- 要求所有内容都必须是字符串
- 缺点:构造函数创建函数缺点是运行速度慢,效率低,因为需要将所有的字符串转换为代码
四、函数的参数(重点)
参数分为两种 形参 和 实参
// 声明式
function fn(形参写在这里) {
// 一段代码
}
fn(实参写在这里)
// 赋值式函数
var fn = function(形参写在这里) {
// 一段代码
}
fn(实参写在这里)
1、形参
- 就是在函数内部可以使用的变量,在函数外部不能使用
- 每写一个单词,就相当于在函数内部定义了一个可以使用的变量(遵循变量名的命名规则和命名规范)
- 多个单词之间以逗号分隔
function fun(num1, num2) {
// 在函数内部就可以使用 num1 和 num2 这两个变量
}
- 如果只有形参的话,那么在函数内部使用的值个变量是没有值的,也就是 undefined
- 形参的值是在函数调用的时候由实参决定的
2、实参
- 在函数调用的时候给形参赋值的。即在调用的时候给一个实际的内容
function fn(num) {
// 函数内部可以使用 num
}
// 这个函数的本次调用,书写的实参是 100 ,那么本次调用的时候函数内部的 num 就是 100
fn(100);
- 函数内部的形参的值,由函数调用的时候传递的实参决定
- 多个参数的时候,是按照顺序一一对应的
3、参数个数的关系
(1)形参比实参少
因为是按照顺序一一对应的,形参少就会拿不到实参给的值,所以在函数内部就没有办法用到这个值
function fn(num1, num2) {
// 函数内部可以使用 num1 和 num2
}
// 本次调用的时候,传递了两个实参,100,200
// 100 对应了 num1,200 对应了 num2,300 没有对应的变量
// 所以在函数内部就没有办法依靠变量来使用 300 这个值
fn(100, 200, 300);
(2)形参比实参多
因为是按照顺序一一对应的,所以多出来的形参就是没有值的,就是 undefined
function fn(num1, num2, num3) {
// 函数内部可以使用 num1 num2 和 num3
}
// 本次调用的时候,传递了两个实参,100 和 200
// 就分别对应了 num1 和 num2
// 而 num3 没有实参和其对应,那么 num3 的值就是 undefined
fn(100, 200)