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 Window
alert(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判断一个属性是否在这个对象中,此对象找不到会去原型中找。
原型中所有属性和方法是共享的,原型模式适合封装方法,构造函数模式适合封装属性