立即执行函数,闭包、对象、构造函数、实列化

文章详细介绍了JavaScript中的立即执行函数(IIFE)的概念和用途,包括其解决的页面加载时自动执行的问题,以及不同的执行方式。同时,文中提到了闭包、作用域、函数声明与表达式、对象创建和数组操作等概念,强调了IIFE执行完毕后函数销毁的特点,并通过实例解释了变量作用域和内存管理。此外,还讨论了原始值和包装类以及数组截断的操作。
摘要由CSDN通过智能技术生成

立即执行函数 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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值