JavaScript学习笔记,如有错误,欢迎指正。
笔记只记录了一些个人认为需要记住的知识点,其他的可以参考文末的文章。
JavaScript中的函数(重点)
函数:定义一次,可以重复执行的代码块。
函数的定义:关键字 function
① function 函数名(参数){
函数内容
}
② var 函数名 = function (){
函数内容
}
③var 函数名 = new Function(参数1,参数2,参数3,... 函数体);
arguments对象:arguments 是函数内部的一个对象,它存储着实际传人的所有参数。arguments对象 是一个伪数组。不管有没有形参,实参都会传入该对象。
arguments.length 可以用来表示传入实参的个数
arguments.callee 指向函数本身
变量和作用域:①全局变量:全局都可以访问到的变量(在script内立即定义的变量和没有用 var声明的变量)。
②局部变量:函数内用var定义的变量属于局部变量,只用函数内部可以访 问到,函数的参数也属于局部变量。
作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain),作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。
通俗的讲:代码中有个一全局作用域,函数中有局部作用域,如果函数中还包含函数,那么就会产生另外一个局部作用域。将所有的作用域列出来,形成一个函数内指向函数外的链式结构,就是作用域链。
作用域链访问规则:①内部环境可以通过作用域链访问所有的外部环境,但是外部 环境不能访问内部环境中的任何变量和函数。2级链可以访问 1级链和0级链,但是0级链不能访问1级链和2级链内的变量。
②访问变量/函数先在自己的环境中搜索,如果搜索不到,则 往上一级作用域链搜索,直到搜索值全局作用域中,如果还没有就会抛出错误异常。
③同级的链不可混合查找,如1级链不能去另外的1级链中查找。
函数的参数:函数的参数为值类型 和 引用类型 时(上一笔记有记录)
① 值类型 做函数参数时:
② 引用类型 做函数参数时:
总结:① 当函数的参数为 值类型 时,函数内和函数外的两个变量完全不同,仅仅是值相同,修改其中一个,对另外一个没有影响。
① 当函数的参数为 引用类型 时,函数内和函数外的两个变量不同,但是共同指向同一个对象,修改其中一个时候,另一个也会随之更改。
变量声明提升: JavaScript引擎在对JavaScript代码解释执行之前,会对 JavaScript 代码就行 预解析,在预解析阶段,会将以关键字 var 和 function 开头的语句块提前进行 处理。当变量和函数的声明处在作用域靠后的位置的时候,变量和函数的声明会 被提升到作用域的开头。(通俗的将,就是写在后面的代码声明,会被提升到开头)。
但在提升过程中有几点注意事项:
①提升变量名,而不提升变量值
console.log(a);
var a = 1;
运行结果:undefined,上面的代码预解析后等效于
var a ;
console.log(a) ;
a = 1;
仅仅只是提升了变量名,并没有提升变量值,所以a声明了,但是它的值没定义。
②同名的函数,后面的会覆盖前面的
③变量和函数名相同的情况,只会提升函数,变量不提升。
console.log(demo);
var demo = 1;
function demo(){
}
执行结果:[Function: demo]
④ 预解析分作用域 :声明提升并不是将所有的声明都提升到window对象下面,提升原则是提升到变量运行的环境(作用域)中去。
比如 函数中的变量提升也只是在函数的作用域中进行。
function demo(){
console.log(a); //undefined
var a = 1;
// 等效于 var a;
// console.log(a);
// a = 1;
}
console.log(a); // a is not defined;
⑤函数表达式不会被提升。在预解析阶段,会将以关键字 var 和 function 开头的语句块提前进行处理,在该过程中,只会提升变量名,而不会提升变量值或者是函数表达式。
demo(); //demo is not a function
var demo = function () {
}
等效于
var demo;
demo(); // demo is not a function
demo= function () {
}
闭包::简单的来说闭包就是一个具有封闭的对外不公开的, 包裹结构, 或空间 。函数对象可以 通过作用域链相互关联起来,函数体内部的变量都可以保护在函数作用域 内,这种特性在计算机科学文献中称为 '闭包'。
基本上,所有的JavaScript函数都是闭包。 一般函数是一个代码结构的封闭结构, 即包裹的特性, 同时根据作用域访问规则, 只允许函数访问外部的数据, 外部无法访问函数内部的数据 , 即封闭的对外不公开的特性 。
① 作用:最基本的作用是可以通过闭包返回的函数或者方法来修改函数的内部的数据。创建一个私有的空间,保护数据,外部想要访问数据们只能通过函数提供的方法。在提供的方法中,我们可以设置一些校验逻辑,让数据变得更加安全。
② 闭包的基本模式:在一个函数的内部创建一个函数,在这个内部函数中,可以修改外部函数内的一些数据,将外部函数的返回值设置为内部函数,使用这个外部函数,就可以接受到返回值(内部函数),使用内部函数就可以在全局中对外部函数里的变量进行修改。
function fn1(){
var data = 'XXX'
return function (){
return data;
}
}
③闭包的优点和缺点
优点:创建私有空间,保护数据不被修改。避免全局变量的污染。
缺点:常驻内存,会增大内存使用量,使用不当很容易造成内存泄漏。
构造函数: 用关键字 new 来定义的函数 。
用 关键字 new 一个对象的过程:1. 创建一个新对象 ;2. 将构造函数的作用域赋给新对象(this指向这个新对象); 3.执行构造函数中代码(为这个新对象添加属性);4.返回新对象。
函数的四种调用方式:1. 函数调用模式: this指向window
2方法调用模式:this指向调用方法的对象,谁调用,this 指向谁
3 构造函数模式:this指向 new 出来的对象
4上下文模式:this指定的是谁就是谁
(1)call 函数.call(对象,arg1 , arg2 , arg3 .... argn)
(2)apply 函数.apply(对象,数组)
两种方法都可以改变this的指向为参数的第一个值
call是使用单独的每一个参数来传参,apply是使用数组进行传参的, 这个数组在调用的时候,会被一一拆解,当做函数的每一个参数
call 方法和 apply 方法第一个参数传递 null 的时候,都表示为函数调 用模式,也就是 this 指向 window
call在函数的形参个数确定的情况下使用
apply在函数的形参个数不确定的情况下使用
原型对象和原型链:每一个函数都有一个prototype( 原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。简单来讲, prototype就是通过调用构造函数而创建的那个对象实例的原型对象。
每一个函数都有原型,函数又是一个对象,也就是每个对象都有原型,而每一个原型又是一个对象,那么这个原型对象也有原型。概括来讲:每一个对象都有原型属性,那么对象的原型属性也会有原型属性,所以这样就形成了一个链式结构,我们称之为原型链。
Object.prototype的成员:1.constructor 属性,获取和原型对象相关联的构造函数; 2.hasOwnProperty 方法 ,判断对象本身是否拥有某个属性 , 对象.hasOwnProperty('属性' ) 3.isPrototypeOf 方法,判断对象1是不是对象2的原型,对象1.isPrototypeOf(对象2),4.propertyIsEnumerable 方法,判断属性是否属于对象本身,判断属性是否可以被遍历到5.toString toLocaleString 方法, 转化为字符串,toLocaleString是将对象转换成本地格式的字符串 6.valueOf 方法, 在参与运算的时候,会首先调用对象的valueOf方法,如果获取到的值不能够参与运算,则调用 toString 方法 7.__proto__属性,指向当前对象的原型
使用原型的好处:可以让所有对象实例共用它所包含的属性和方法。换句话来说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型中去。
属性搜索原则:1.首先在当前对象找,如果找到,停止查找,如果没找到,继续下一步
2.在该对象的原型中找,如果找到,停止查找,如果没找到,继续下一步
3.在该对象的原型的原型中找,如果找到,停止查找,如果没找到,继续下一步
4.到最后,查找到Object.prototype,还是没有,那么属性就是返回undefined,是方法,就是 is not a function。
注意事项:(1)函数不调用不执行;
(1)函数名等于函数体(整个函数);
(1)加载函数的时候,只加载函数名,不加载函数体;
(1)在函数体中,局部变量的优先级高于同名的全局变量;
(1)函数不调用不执行;
沙箱模式:沙箱就是一个独立封闭的环境,与外部隔绝,外部无法修改环境内的任何信息,沙箱内的东西单独属于一个世界。
原理:函数可以构建作用域,上级作用域不能直接访问下级作用域中的数据。
沙箱模式的基本模型:就是运用了立即调用函数(IIFE)
作用:沙箱模式一般应用在书写第三方框架,为第三方框架书写插件,书写功能独立的一些组件。
优势:1.沙箱模式使用的是IIFE,不会再外界暴露任何的全局变量,也就不会造成全局变量污染 2.沙箱中的所有数据,都是和外界完全隔离的,外界无法对其进行修改,也就保证了代码的安全性。
JavaScript高级程序设计
JavaScript权威指南等其他资料
笔记二结束,下一笔记将学习 对象 。