JavaScript学习笔记:基础知识点总结

时间:2022-12-27 14:32:50

基础概念

JavaScript(以下简称Js)中数据类型:Number 字符串 布尔值 数组 对象(Js的对象是一组由键值对组成的无序集合)

Js中基础概念:变量(概念和Java中变量概念类似 指示某个可变的量),Js为动态语言,变量本身类型不固定

Js中操作符:数学运算符 逻辑运算符 赋值运算符 比较运算符 三元运算符

Js中流程控制:判断 循环

函数

计算机程序中的函数是一种代码抽象的方式

Js中,用function关键字定义函数

function abs(x) {
if (x >= 0) {
return x;
} else {
return -x;
}
}

函数体内部语句在执行时,执行到return时,函数就执行完毕,并将结果返回。如果没有return语句,函数执行完毕后也会返回结果,只是结果为undefined

Js中函数也是一个对象,因此第二种定义函数的方式如下:

var abs = function (x) {
if (x >= 0) {
return x;
} else {
return -x;
}
};

在这种方式下,function(x) { ... }是一个匿名函数,没有函数名,这个匿名函数赋值给了变量abs,通过变量abs就可以调用该函数

在一个对象中绑定函数,称为这个对象的方法

函数本身也是一个对象,这个对象是Function对象,这个对象有的方法是apply( ) call( ),要指定函数的this指向哪个对象,可以用函数本身的apply方法,它接收两个参数,第一个参数就是需要绑定的this变量,第二个参数是Array,表示函数本身的参数。apply(  )把参数打包成Array再传入,call(  )把参数按顺序传入

高阶函数(Higher-order function):Js的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。例子如下

function add(x, y, f) {
return f(x) + f(y);
}

闭包(Closure):看下面的例子,高阶函数除了可以接受函数作为参数外,还可以把函数作为结果返回。在函数lazy_sum中又定义了函数sum,并且,内部函数sum可以引用外部函数lazy_sum的参数和局部变量,当lazy_sum返回函数sum时,相关参数和变量都保存在返回的函数中,这种程序结构称为闭包。

function lazy_sum(arr) {
var sum = function () {
return arr.reduce(function (x, y) {
return x + y;
});
}
return sum;
}

当我们调用lazy_sum( )时,返回的并不是求和结果,而是求和函数。例如 var f = lazy_sum([1, 2, 3, 4, 5]); 调用函数 f 时,才真正计算求和结果 f( );

对象

在Js世界中,一切皆对象

typeof 123; // 'number'
typeof NaN; // 'number'
typeof 'str'; // 'string'
typeof true; // 'boolean'
typeof undefined; // 'undefined'
typeof Math.abs; // 'function'
typeof null; // 'object'
typeof []; // 'object'
typeof {}; // 'object'

Js虽然也是面向对象,但是像类和实例之类的概念在Js中有很大出入。Js中不区分类和实例的概念。Js中时通过原型(prototype)来实现面向对象编程的。Js的原型链和Java的Class区别在,Js中所有对象都是实例,所谓继承关系不过是把一个对象的原型指向另一个对象

函数也是一个对象,它的原型链 foo - Function.prototype - Object.prototype - null

ES6中引入关键字class,让类的定义更加简单(少了很多坑)

浏览器对象

Js可以获取浏览器提供的很多对象,并进行操作。例如 window navigator screen location document

其中document对象表示当前页面。由于Html在浏览器中以DOM形式表示为树形结构,document对象就是整个DOM树的根节点

(非原创 侵删 内容来源https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000)