js大法~~

本文深入讲解了ES6中let和const的变量行为,重点剖析了this在不同函数调用模式下的指向变化,以及原型链的概念,涵盖了数据类型、作用域、继承和原型方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

let const var

var声明的对象会有变量提升的现象,会挂载到Window的属性上,
let和const声明的全局变量不会挂载到window上,而是在script中形成一个块级作用域,这样在全局就可以访问到。
var:可以跨块访问,不能跨函数访问
let:只能在块作用域里访问,不能跨块访问,也不能跨函数访问
const:只能在块作用域里访问,使用时必须初始化
let const存在暂时性死区:声明前不可用

ES5->ES6

ES5:全局作用域,函数作用域
ES6:新增块级作用域,由{}包括,if语句和for语句里面的{}也属于块作用域
let、const,set,map,extend继承,require-》import,
导出
// ES5
module.exports = Component;
// ES6
export default Component;

数据类型

  • 基本数据类型:Number,String,null,undefined,boolean,es6新增的Symbol,存储在栈中。用typeof可以判断这几种
  • 引用数据类型:Object:object,array,function,存放在堆内存中。instanceof可用于判断引用数据类型。
  • 注意:引用类型是同时保存在栈区中和堆区中的,引用类型的存储需要在内存的栈区和堆区中共同完成,栈区保存变量标识符和指向堆内存的地址

this指向:

1.函数调用模式
    当一个函数并非一个对象的属性时,this被绑定为全局对象
2.方法调用模式
    一个函数作为一个对象的方法被调用,this指向调用它的对象
3.构造函数调用模式
    在构造函数,new出一个对象时,this指向这个构造函数,new关键字会改变this指向;
当用new关键字时,返回的是一个对象,this指向的就是那个返回的对象()
function fn(){ fn(){
    console.log(this);console.log(this);
}
var a= new fn(); a= new fn();
    如果返回的不是对象,this函数指向函数的实例(注:虽然null属于对象,但是返回null依然指向函数实例)
4.箭头函数的this
    没有自己的this指向,其this指向上下文
*** THIS指向问题

函数调用(指向window) 对象方法(对象) 构造函数(实例化出来的对象) 计时器调用(全局) 匿名函数(window) 

原型中的this指向调用他的对象不指向本身

闭包

可以读取自身函数外部的变量的函数(原理是沿着作用域链寻找)
让外部变量始终保存在内存中,ie中容易造成内存泄漏
  var name = "The Window";var name = "The Window";
  var object = {var object = {
    name : "My Object",name : "My Object",
    getNameFunc : function(){getNameFunc : function(){
      return function(){return function(){
        return this.name;return this.name;
      };
    }
  };
  alert(object.getNameFunc()());//result:The Windowalert(object.getNameFunc()());//result:The Window
this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this为window,而当函数被作为某个对象调用时,this指向该对象。匿名函数居全局性,因此this对象通常指向window

作用域

原型链

每个对象都具有其原型,指向构造函数的原型对象,

所有函数都有 prototype 属性对象。

  • Object.prototype
  • Function.prototype
  • Array.prototype
  • String.prototype
  • Number.prototype
  • Date.prototype
hasOwnProperty() 方法,判断属性是否来源与对象本身而不是对象的原型,也即是说,在原型中的属性和不存在的属性都会返回fasle。
in判断一个属性是否在这个对象中,此对象找不到会去原型中找。
原型中所有属性和方法是共享的,原型模式适合封装方法,构造函数模式适合封装属性

继承

深浅copy

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值