JavaScript 学习笔记(二)

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

this指向Window

                                        2方法调用模式:this指向调用方法的对象,谁调用,this 指向谁

this指向调用者

                                        3 构造函数模式:this指向 new 出来的对象

                                        4上下文模式:this指定的是谁就是谁 

                                        (1)call     函数.call(对象,arg1 , arg2 , arg3 .... argn)

                                        (2)apply  函数.apply(对象,数组)

call和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高级程序设计  

  JavaScript权威指南等其他资料

笔记二结束,下一笔记将学习 对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343