立即执行函数 IIFE immediately invoke function expression
立即执行函数解决了什么问题
页面加载时,自动执行;执行完成后立即释放立即销毁
立即执行函数的声明与定义
函数声明变表达式的方法:在表达式前面加上 + - ! || &&
+ function teset(){
}()
一定要表达式才能被执行符号执行
function test(){}()//这样写会报语法错误,函数不能执行
var test = function(){
console.log(1);
}();//这么写可以执行
//
var test1 = function(){
console.log(2);
}();
console.log(test1)//打印 undefined 同时2也会被打印出来, 说明了立即执行函数一执行完就会被销毁
function test(a){
}(6)//这样写不报错
立即执行函数会忽略函数名称
具名立即执行函数,只要是立即执行,执行完就销毁,就不能在之后的环境中找到该函数
立即执行函数的参数
与不同函数传参相同,都是形参与实参一一对应
立即执行函数的返回值
立即执行函数也可以有返回值,想普通函数那样将需要的东西返回即可
逗号运算符只返回最后一个
var num = (3, 4, 5, 6);
console.log(num);//6
表达式是忽略函数名的
// (function b(){})是一个表达式,表达式是忽略函数名的
var a = 10;
if(function b(){}){
a+=typeof(b)
}
console.log(a);
面试题
最终打印的是10个10,在test执行的时候,只是往数组里面添加了十个函数,并没有执行,因为test函数最后把这个arr数组return出去了,就形成了闭包,虽然函数执行完后自己的作用域链里面就断开了与它自己的AO连接,但由于arr被返回出去,在数组里的函数此时还保存着test的AO,test的AO并没有被销毁,所有当数组arr每一项执行的时候,仍然会有test的AO,所以访问到的i就是循环完以后的i,就是10
function test(){
var arr = [];
for(var i = 0; i < 10; i++){
arr[i] = function(){
console.log(i)
}
}
return arr;
}
var myArr = test()
for(var j = 0; j < 10; j++){
myArr[j]()
}
var a = 10;
//(function b(){})是一个表达式,表达式是忽略函数名的
if(function b(){}){
a+=typeof b;
}
console.log(a)//10undefined
对象
对象是一组没有特定顺序的值,对象的每个属性或方法都有一个名字,每个名字会映射到一个值
//对象字面量、对象直接量创建
var obj = {
name: '1222',
age:40
}
//构造函数、系统自带的构造函数
var obj = new Object()
obj.name = '900'
包装类
原始值没有自己的方法和属性,undefined和null不能设置任何的属性和方法
var a = 123;
a.len = 3;
// new Number(123).len = 3 delete
console.log(a.len); //undefined
//数组的截断
var arr = [1,2,3,4,5];
arr.length = 3;
console.log(arr); //[1,2,3]
var str = 'abc';
str.length = 1;
console.log(str); //abc
面试题
var str = 'xixi';
str += 10;
var type = typeof str
if(type.length == 6){
type.text = 'string';
}
console.log(type.text);//undefined
function Test(a, b, c){
var d = 1;
this.a = a;
this.b = b;
this.c = c;
function f(){
d++;
console.log(d)
}
this.g = f;
}
var test1 = new Test()
test1.g();
test1.g();
var test2 = new Test();
test2.g();
var x = 1,
y = z = 0;
function add(n){
return n = n + 1;
}
y = add(x);
function add(n){
return n = n + 3;
}
z = add(x);
console.log(x, y, z); //1 4 4