JS基础知识总结(ECMA Script部分)

前言

最近总觉得自己所学到的Javascript基础知识不够系统,所以重新学习了Javascript的基本知识并有了这篇文章的产出,这篇文章主要是总结ECMA 262的的语法标准。

这篇文章的主要内容是小结于慕课网的视频课程《前端JavaScript面试技巧》, 如有错误,请多指正,谢谢。

1. 变量类型和计算

1.1 按储存方式区分变量类型

  • 值类型:字符串(String)、数值(Number)、布尔值(Boolean)、Undefined、Null
    占用空间固定,保存在栈中/保存与复制的是值本身/使用typeof检测数据的类型
  • 引用类型:对象(Object)、数组(Array)、函数(Function)
    占用空间不固定,保存在堆中/保存与复制的是指向对象的一个指针/使用instanceof检测数据类型/使用new()方法构造出的对象是引用型

另外,typeof运算符结果:undefined,string,number,Boolean,object,function。(typeof只能区分值类型的详细类型, 区分引用类型时只能区分出函数)

1.2 JS中的内置函数

  • Object, Array, Boolean, Number, String, Function, Date, RegExp

  • 作用: 作为构造函数使用

1.3 JS内置对象

Math, JSON

1.4 如何理解Json

  • JSON是一个JS对象,也是 一种数据格式
  • 有两个API
    JSON.stringify({a:10,b:11})//把对象变成字符串
    JSON.parse('{a:10,b:11}')//把字符串变成对象

1.5 强制类型转换

1.5.1 if() {} if里会转换成false

0: false
NaN: false
'': false
null: false
false: false
undefined: false

1.5.2 === 与==
  • “==” 会强制类型转换
  • “===” 不会强制类型转换

另外,何时用===,何时用==? 除了以下这种写法用==,其余全部用===

if(obj.a == null){
    //这里相当于obj.a === null || obj.a === undefined 简写形式
    //这是jquery源码中推荐的写法
}

1.6 构造函数

1.6.1 构造函数的特点
  • 构造函数的首字母必须大写,用来区分于普通函数
  • 内部使用的this对象,来指向即将要生成的实例对象
  • 使用New来生成实例对象
1.6.2 构造函数的扩展
  • var a = {} 其实是var a = new Object()的语法糖
  • var a = [] 其实是var a = new Array()的语法糖
  • function Foo(){...} 其实是var Foo = new Function(...)
  • 使用instanceof判断一个函数是否是一个变量的构造函数, 如判断一个变量是否为“数组”:
    变量 instanceof Array

2. 原型和原理链

2.1原型

2.1.1 5条原型规则(是学习原型链的基础)
  • 所有的引用类型(数组,对象,函数),都具有对象特性,即可自由扩展属性(除“null”以外)。
  • 所有的引用类型,都有一个proto属性(隐式原型属性),属性值是一个普通的对象。
  • 所有的函数,都有一个prototype属性(显式原型),属性值是一个普通的对象。
  • 所有的引用类型,proto属性值指向它的构造函数的“prototype”属性值。(两者完全相等)
  • 当试图得到一个对象的某个属性时,如果这个对象本身没有这个属性,那么会去它的proto(即它的构造函数的prototype)中寻找。
2.1.2 补充
  • this:实例调用构造函数的方法时,this永远指向实例自身
  • 循环对象自身的属性: for in
var item
for(item in f){
    //高级浏览器已经在for in中屏蔽了来自原型的属性
    //但是这里建议大家还是加上这个判断,保证程序的健壮性
    if(f,hasOwnProperty(item)){
        console.log(item);
    }
}

2.2原型链

  • 原型链继承的例子(之后补充)
instanceof

f instanceof Foo的判断逻辑是:
1. f的__proto__一层一层往上,能否对应到Foo.prototype
2. 再试着判断f instanceof Object

2.3 New一个对象的过程

  • 创建一个新对象
  • this指向这个新对象
  • 执行代码,即对this赋值
  • 返回this

3. 闭包和作用域

3.1 作用域

3.1.1 执行上下文
  • 执行上下文的分类
  1. 全局:变量定义,函数声明(一段

你可能感兴趣的:(JS基础知识总结(ECMA Script部分))