阅读了《JavaScript权威指南》第六版、第七版后,为了便于自己消化理解,在这里简单归纳个提纲。
学习javascript,主要学两部分内容:一是javascript语言,二是javascript语言在WEB中的应用(个人喜欢称之为WEB-js)。
第一部分:javascript语言
个人理解,javascript语言的核心内容可分为以下4个部分:
操作数-->表达式-->语句-->模块
操作数包含变量、常量和字面量,这一块主要掌握数据类型。
表达式这一块主要掌握操作符(操作数和操作符构成表达式)。
语句这一块主要掌握控制语句(控制语句和声明、赋值等语句与表达式构成javascript代码的所有内容)。
语句的堆砌构成模块或.js文件。
以上的描述不精准,主要是为了方便记忆消化。另外,需要理解掌握以下原理和内容:三链(作用域链、原型链、方法链)、异步、函数式编程、面向对象编程、标准库等。
1、操作数
javascript数据类型分两类:原始类型和对象类型:
原始类型:数值、字符串、布尔值、null、undefined
对象类型:普通对象、数组、函数
各数据类型定义出变量、常量、字面量,即操作数
对象是引用类型
函数是一等对象,数组是二等对象,它们除了具备普通对象的特点,还有各自的独特作用
本部分内容主要掌握数据类型,同时理解以下基本概念或用法:标识符、字面量、注释、字符集、类型转换、声明与赋值、全局对象等
2、表达式
没有必要去纠结表达式和语句的准确区别,理解其“用意”即可:
表达式是“短语”,以构成语句,看重的是其返回值
语句是“句子”,以构成模块,看重其行为
3、语句
控制语句:if for break continue return等
其它语句:赋值、声明、with、debugger、"use strict"等
第二部分:WEB-js
理解原生javascript操作浏览器的原理和方法;掌握jQuery类库的使用,jQuery已经是前端的基础知识了。
1、原生js
操作DOM:增删改查Element
操作CSS:外观和布局
网络
存储
js代码的内容主要是:拿到元素或创建元素,注册事件
2、jQuery
jQuery代码的主要内容和原生js代码一样,但有两个优点:一是提前考虑了浏览器兼容问题;二是提供了更方便的操作方法。