《JavaScript基本概念》课件.pptVIP

*************************************匿名函数和函数表达式匿名函数匿名函数是没有名称的函数，通常用于一次性使用的场景。它可以作为参数传递给其他函数，作为方法添加到对象，或立即调用。示例：document.getElementById(button).addEventListener(click,function(){console.log(Buttonclicked!);});匿名函数在调用栈中显示为anonymous，调试时可能不够清晰。函数表达式函数表达式是将函数赋值给变量或常量。函数可以有名称（命名函数表达式）或匿名。通过变量名调用函数。示例：constgreet=functionsayHello(name){return`Hello,${name}!`;};greet(John);//Hello,John!在命名函数表达式中，函数名(sayHello)只在函数内部可见，主要用于递归调用或调试。函数声明vs函数表达式函数声明会被提升到作用域顶部，可以在声明前调用；函数表达式不会被提升，必须在声明后调用。函数表达式可以在条件语句中定义，而函数声明在某些JavaScript实现中可能导致不确定行为。示例：fn1();//有效functionfn1(){}fn2();//错误！constfn2=function(){};箭头函数语法箭头函数是ES6引入的简洁函数语法，使用箭头(=)定义。基本形式为(参数)=表达式或{语句}。当只有一个参数时，可以省略括号；当函数体只有一个表达式时，可以省略花括号和return关键字（隐式返回）。示例：constsquare=x=x*x;//等同于constsquare=function(x){returnx*x;};this绑定箭头函数不创建自己的this上下文，而是继承外围作用域的this值。这解决了传统函数中this指向不明确的问题。在回调函数、事件处理程序或setTimeout中，箭头函数特别有用，因为不需要bind()或保存外部this引用。示例：functionTimer(){this.seconds=0;setInterval(()=this.seconds++,1000);}限制箭头函数没有arguments对象，但可以使用剩余参数(...args)。箭头函数不能作为构造函数使用（不能用new调用）。箭头函数没有prototype属性。箭头函数不适合需要动态this的场景，如对象方法、DOM事件处理程序（需要this指向事件目标）、使用arguments的函数。闭包闭包概念函数与其词法环境的组合1内部函数访问外部函数的变量2保留词法作用域即使外部函数已执行完毕3闭包是JavaScript中一个强大而独特的特性，由函数及其能够访问的周围状态（词法环境）组成。简单说，闭包允许函数访问并操作函数外部的变量，即使在外部函数执行完毕后。闭包的核心是内部函数可以访问外部函数的变量和参数，这些变量在外部函数执行完毕后通常会被销毁，但如果内部函数形成闭包，这些变量会保持存活。这使得内部函数可以记住它被创建时的环境。闭包的应用非常广泛：可用于创建私有变量和方法，实现函数工厂，处理回调函数，甚至是模块化编程的基础。不过，闭包也可能导致内存泄漏，因为保留的变量不会被垃圾回收。对象基础创建对象JavaScript提供多种创建对象的方式。最常用的是对象字面量：使用花括号直接创建对象，内部用键值对定义属性。另外可以使用Object构造函数或Object.create()方法创建对象。示例：letperson={name:John,age:30};letempty=newObject();letclone=Object.create(person);访问对象属性访问对象属性有两种语法：点表示法(perty)和方括号表示法(object[property])。点表示法更常用，而方括号表示法允许使用变量作为属性名或使用包含特殊字符的属性名。示例：;//Johnperson[age];//30letkey=name;person[key];//John修改对象JavaScript对象是动态的，可以在创建后添加、修改或删除属性。使用赋值语句添加或修改属性，使用delete运算符删除属性。使用Object.freeze()可以使对象不可变