首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript 基础知识总结(一)

在过去一周的时间里,我通过学习一本 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 类型

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180122G0ZQTJ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券