前端_JavaScript

JavaScript

JavaScript是ECMAScript的一种实现方式之一，轻量级的脚本语言，本身不提供I/O（输入/输出）相关的API，host提供。

一：语法

变量: 变量是对"值"的具名引用,变量名区分大小写. 声明变量的六种方法:var function let const import class

   变量提升:JavaScript引擎的工作方式,先解析代码,获取所有被声明的变量,然后再一行行地运行.所有的变量声明语句会被放在代码的头部.let声明变量:不存在变量提升(先声明后使用),存在块级作用域.存在"暂时性死区"(在let/const未声明前,使用则报错.),暂时性死区的本质是执行当当前作用域,在等到变量声明那一行出现,在获取和使用该变量.不允许重复声明.const声明常量,声明之后不可改变,存在块级作用域,存在"暂时性死区",保证了内存地址存在的数据不可改变,指针永远执行它.

标识符: 变量名,函数名等.命名规则,首字母可以是字母或$或_,余下字符:除了Unicode字母,美元符号和下划线,还可以用数字0-9 使用驼峰命名法.

保留字:不能作为标识符使用

agargument,break,case,catch,class,const,continue,debugger,
default,delete,do,else,enum,eval,export,extends,flase,finally,for,function,if,implements,
import,in,instanceof,interface,let,new,null,package,private,
protected,public,return,static,super,switch,this,throw,true,try,typeof,var,void,while,with,yield.

注释: 一种单行注释:用//开头. 多行注释: /和/之间.
语句: if结构 if..else结构 switch结构三元运算符?: while循环 for循环 do...while循环 break语句和continue语句 lable标签if语句,if-else语句,switch语句,注意switch语句后面的表达式,与case语句后面的表达式比较运算结果时,采用的是严格相等运算符(===),而不是相等运算符(==),即不会发生类型转换.

数据类型

JavaScript的数据类型共有七种:number (数字).string(字符串),boolean(布尔型),undefined(未定义),null(空),object(对象),
Symbol(符合).
原始类型:数值/字符串/布尔值. 特殊值:null/undefined.
合成类型:object,存放许多值的容器.对象细分为:狭义的对象,数组,函数.
判断一个值的类型: typeof运算符, instanceof运算符 object.prototype.toString运算符
历史遗留,typeof null 会返回object instanceof可以区分array和object

null和undefined: null是一个表示"空"的对象,转为数值时为0,undefined是一个表示"此处无定义"的原始值,转为数值为NaN.
null:好比待补球员. undefined: 当变量声明了,但没有赋值,调用函数时,该提供的参数没有提供,该参数等于undefined.对象没有赋值的属性,函数没有返回值时,默认返回undefined.

Bollean:真true,假false.以下运算符返回布尔值,前置逻辑运算符! ,相等运算符 === !== == != 比较运算符 > >= < <=
以下六个值被转为false(undefined,null,false,0 NaN, ""或'),其他值都视为true,空数组{}和空对象对应的布尔值都是true.

number: 在JavaScript内部,所有的数字都是小数(64位浮点数),对于某些运算需要整数,会自动把64位数浮点数转换为32位整数,再进行运算. Js中最大数值为2的1024次方,超出则Infinity. Js中最小值为2的-1075次方,超出则0.
数值的进制:十进制,十六进制(0x或0X),八进制(0o或0O),二进制(0B或0b).历史遗留,0888会被看做八进制.

   特殊数值:正零和负零,Js内部的2个0，一个是+0，-0，区别是64位浮点数表示法的符号位不同，它们为等价的。NaN是JavaScript的特殊值，数据类型依然属于Number，表示“非数字”，主要出现在将字符串解析成数字出错的场合。NaN不等于任何值，包括它本身。Infinity.表示“无穷”。

string:字符串'abc'或"abc", 要在''里面使用单引号加反斜杠，用来转义。 length属性返回字符串长度。
object:object是JavaScript语言的核心概念，对象是一组"键值对（key-value）"的集合，属性的读取与赋值（.运算符和[]运算符）
查看一个对象本身的所有属性，可以使用object.keys方法. 属性的删除,只能删除对象本身的属性 delete Objectname.value;
属性是否存在 in运算符 'value' in Objectname；属性的遍历 for..in循环,用来遍历一个对象的全部属性，不仅遍历对象自身的属性，还遍历继承的属性。

function:函数是一段可以反复调用的代码块，是处理数据的方法,是JavaScript的第一等公民。函数还能接受输入的参数，不同参数返回不同值。
如果同一个函数被多次声明,后面的声明就会覆盖前面的声明.
声明函数的方法：function 函数表达式 Function构造函数
array：数组是方括号里面按次序排列的一组值。可以先定义后赋值，可以放入任何数据类型。
<script>

(1)function命令
function print(s) {  //function命令后面就是函数名，函数名后面一组圆括号，里面是传入的参数，函数体放入大括号里面。console.log(s);
}
(2)函数表达式
let  print = function(s) {  //表达式的function命令之后,如要加函数名,则只会在函数体内部有效,在函数体外部无效.console.log(s);
};
(3)Function构造函数
let  add = new Function ('x','y','return x + y');

</script>

运算符

处理数据的基本方法,从现有的值得到新的值.
算术运算符,比较运算符,布尔运算符,二进制运算符,其他运算符,运算顺序.
算术运算符:加法运算符(+),减法运算符(-),乘法运算符(),除法运算符(/),指数运算符(*)余数运算符(%),自增运算符(++x/++x),

自减运算符(--x/x--),数值运算符(+),负数值运算符(-x)
加法运算符允许非数值的相加.

比较运算符: >(大于运算符) <(小于运算符) <=(小于或等于运算符) >=(大于或等于运算符) ==(相等运算符) ==(严格运算符) ！=(不相等运算符)
！==(严格不相等运算符)
布尔运算符:!(取反运算符) &&(且运算符) ||(或运算符) ?:(三元运算符) ·以下运算符(undefined,null,false,0,NaN,'')取反为true.
二进制位运算符:
其他运算符,运算顺序:
void运算符,执行一个表达式,如何不返回任何值.或者返货undefined.
逗号运算符,用于对两个表达式求职,并返回后一个表达式的值.

专题一：数据类型的转换

Number(),解析为数值，不可解析与undefined则NaN，空字符串与null则为0，true转为1.false转为0.
String()，解析为字符串。
Boolean()，转为布尔值，以下五个值(undefined,null，-0或+0，NaN，''(空字符串))的转换结果为false，其他的值为true.

专题二: 执行上下文与内存空间

在JavaScript中,所有数据保存在堆(heap)里面,执行上下文的的执行顺序借用栈数据结构的存取方式.栈是先进先出(FIFO),而JavaScript具有垃圾回收机制,通过标记清除算法清除不再使用的对象.
一个页面开始加载JS就进入全局环境,每段函数的加载,进入函数环境(又称为执行上下文).执行上下文分为两个阶段:创建阶段:(创建变量对象,建立作用域链,确定this指向)+代码执行阶段(变量赋值,函数引用,执行额外代码)

专题三: 原型与原型链

原型:所有对象都有它.
构造函数:可以通过new创建一个对象.
实例:通过构造函数和new创建的对象就是实例,实例通过_proto_指向原型,通过constructor指向构造函数.
原型链: _proto_将对象连接成原型链,实现继承与共享属性的对象链.

//实例
const instance = new Object()
//实例为instance 构造函数是Object

参考

(1)网道-互联网开发文档(https://wangdoc.com/).
(2)ECMAScript 6 入门 (http://es6.ruanyifeng.com/).