Js的作用域及This指向


一.作用域:浏览器给js的一个生存环境 (栈内存)。

二.作用域链:js中的关键字var和fuanction都可以提前声明和定义,提前声明和定义的放在我们的内存地址 (堆内存)中。

     然后js从上到下逐行执行,遇到变量就去内存地址查找是否存在这个变量,如果有就使用,没有就继续向父级作用域

     查找直到window下结束,这种查找机制叫做作用域链。  

 三.Js代码中存在大量的变量和函数,我们在使用它们的时候一定要知道它们到底归属谁。

四.This

    1.this是js的一个关键字,指定一个对象然后去替代它。

      函数内的this和函数外的this,函数内的this指向行为发生的主体。函数外的this都指向window没有意义。

 为什么还是window?

因为浏览器执行js代码的时候在执行chifan()这个函数的时候查找到变量chifan的归属是window,在window下的

变量可以写成window.chifan函数可以写成window.chifan()

   2.函数内的this和函数在什么环境中定义没有关系,而只和自己的主体有关。

   3.主体怎么找?

            就看函数 (方法)带不带“.”,如果函数和方法执行时带“.”,那么this就指向“.”前面的对象,如果不带“.”,就

           指向window  

   4.自执行函数里面的this都指向window。

     This和变量面试题,先找this的主体是谁,然后把它换成那个主体就行啦

   5.给元素中的某一事件绑定方法,当事件触发时,执行绑定的方法,方法中的this指向当前元素。

     重点是函数套函数的时候,不管它怎么定义,关键是看它执行时候的主体。

     360经典面试

js的数据类型

      基本数据类型: String  Undefined Null Boolean  Number

      引用数据类型: Object  Array Function

     二者的区别:

    基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量

堆内存

      就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放   

     另一种就是函数 以字符串的形式存放。

案例:

引用数据类型的赋值,是把引用地址赋给它,在修改属性的时候,通过地址查找然后改掉。

应用数据类型,如何操作?

      先通过引用地址去查找堆内存中的代码,然后再去修改

 

This研究在函数内部

    在js中的函数形式的种类

        1.   普通函数   function  fn(){}    var fn = function ()

        2.  类

   对象 Object

       对象里面的数据以键值对的形式存在。跟json一样。

       1.  单例模式

我们把变量zhang的li叫“命名空间”

作用域和堆内存的区别

      作用域是函数执行的时候产生 fn()

      函数执行的时候首先会开辟一个新的内存空间叫栈内存 (环境或作用域)

     数据类型在赋值的时候会开辟一个新的内存空间叫堆内存 (存放代码块的)

     二者都会形成一个内存地址

生成对象的单例模式

    优势,每个对象都是独立的,即便属性起的名字一样,不会相互干扰,方便现在流行的

   开发模式“模块化开发”。如果需要使用里面的属性,用运算符 如 zhang.name 或 zhang

["name"],判断一个属性是不是这个对象的用in运算符 如 “name”in zhang 如果遍历这个

对象用for(attr in zhang){}

     缺点,不可以批量生产,只能一个一个去创建。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM