在过去一周的时间里,我通过学习一本 JavaScript 基础教程书籍,对 JavaScript 有了更进一步的理解,收获良多。当然以后还需要更加深层次的学习,现将这本书的内容总结出来,以便过后复习。
JavaScript基础知识(一)包括 JavaScript 简介、JavaScript 引入方式、JavaScript 基本语法、JavaScript 流程控制、函数、对象等六个部分。
1.JavaScript 简介
前端技术的三大核心 。HTML、CSS 和 JavaScript。HTML 控制着网页的结构,CSS 控制网页的外观,JavaScript 控制着网页的行为。
初学者遇到的常见问题:
JavaScript 与 Java 有什么关系?
虽然名字相似,但是本质上是不同的;JavaScript 常常在网页中使用,而 Java 可以在软件、网页、手机 APP 等各个领域使用;从本质上讲,Java 是一门面向对象的语言,而 JavaScript 更像是一门函数式编程语言。
静态网页和动态网页的区别?
并不是会动的页面就是动态页面;判断的依据是:是否与服务器进行数据交互(是否用到后端技术 如 PHP、JSP、ASP.NET)
学习 JavaScript 好的建议
学完 JavaScript 基础知识,不要急于去学习 JavaScript 高级知识,而是应该学习 jQuery ,通过它可以让我们对 JavaScript 有更深层次的理解。等学完 jQuery 再去学习 JavaScript 的高级内容。
对于初学者,不必要搞清楚每一个细节,遇到实在不懂的地方,直接跳过,等到学习的更深入的时候,自然就理解了。
2JavaScript 引入方式
外部 JavaScript
指的是把 HTML 和 JavaScript 代码分别放在不同的文件中
引入方式:使用script标签的src属性指向 javaScript 文件的文件路径。
外部 JavaScript 文件不仅可以放在 head 中引入,还可以在 body 标签中引入。但考虑到网站的加载速度和代码的执行顺序,一般将 JavaScript 外部文件放在 body 标签的 前。
内部 JavaScript
指的是把 HTML 和 JavaScript 代码放在同一个文件中
引入方式:将 JavaScript 代码放在 标签中。
内部 JavaScript 文件不仅可以在 head 中引入,还可以在 body 中引入。一般情况下在 head 中引入。
元素事件中调用 JavaScript
指的是在元素的事件属性中直接编写 JavaScript 或调用函数。
3JavaScript 基本语法
语法简介
学习任何一门语言都得学习这门语言的词汇、语法和结构等。同样学习一门编程语言,也需要学习类似的东西。只不过,这些在编程语言里不叫词汇、语法、结构,而是变量、表达式、运算符等。
变量
变量:在JavaScript 中即可以改变的量。也就是说在程序执行的过程中,变量的值是可以改变的。
变量的命名原则
变量由字母、下划线、 $ 或 数字组成,并且第一个字母必须是字母、下划线或者 $
变量不能是系统关键字和保留字
变量的声明
在 ES5 中,变量使用 var 来声明
变量的赋值
变量可以先声明后赋值,也可以声明和赋值同时进行。
常量
一个不能改变的值,生命周期是从一个程序开始到一个程序结束。一般情况下,常量名全部大写,
数据类型
基本数据类型
Undefined 、Null、Boolean 、Number、String
类型识别
typeof
可以识别基本数据类型 (Null 除外,Null 类型返回 object)
不能识别具体的对象 (object 类型 , function 类型除外)
instanceof
判别内置对象类型和自定义对象类型,不能判别原始类型
constructor
识别标准类型 Undefined 和 Null 除外
识别内置对象类型
识别自定义对象类型
可以识别标准类型以及内置对象类型
不可以识别自定义类型
类型转换
String 类型转换为 Number类型
数字转换为字符串
运算符
算数运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符(三目元素符)
表达式与语句
一个表达式包含“操作数”和“操作符”。比如
语句就是用英文分号分开的代码,一个分号就对应一条语句
// 这是一条语句,其中是一个表达式。
注释
转义字符
4JavaScript 流程控制
在 JavaScript 中,有 {} 括起来的程序,我们称之为 语句块 。语句块常用于选择结构,循环结构以及函数体中,JavaScript 把一个语句块看成是一个整体来执行。
顺序结构、选择结构、循环结构
5JavaScript 函数
为了减轻重复编码的负担,JavaScript 引入了函数的概念
函数可以分为自定义函数、内置函数。一般在以下两中情况中使用,一是需要重复使用、二是具有特定功能。
函数还可以分为没有返回值和有返回值的两类函数。
在 JavaScript 中,如果想要使用函数(内置函数除外),一般只需两步:定义函数,调用函数。
函数的调用方式可以分为四种:
直接调用,在表达式中调用,在超链接中调用和在事件中调用
6JavaScript 引用类型
Object 类型
Array 类型
Date 类型
RegExp 类型
Function 类型
基本包装类型
Boolean 类型
Number 类型
String 类型
领取专属 10元无门槛券
私享最新 技术干货