0
点赞
收藏
分享

微信扫一扫

JavaScript(一)-全面详解(学习总结---从入门到深化)


​​JavaScript简介​​

​​ JavaScript介绍​​

​​ JavaScript与ECMAScript的关系​​

​​ JavaScript版本​​

​​学习效果反馈 ​​

​​ JavaScript语句、标识符​​

​​ 语句​​

​​ JavaScript保留关键字​​

​​学习效果反馈 ​​

​​变量与常量​​

​​ 变量​​

​​变量的重新赋值​​

​​变量提升​​

​​常量​​

​​学习效果反馈​​

​​ JavaScript引入到HTML文件中​​

​​ 嵌入到HTML文件中​​

​​引入本地独立JS文件​​

​​引入网络来源文件​​

​​学习效果反馈​​

​​ JavaScript注释与常见输出方式​​

​​ JavaScript注释​​

​​JavaScript输出方式​​

​​ 学习效果反馈​​

JavaScript简介

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML

 JavaScript介绍

JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不 具备开发操作系统的能力,而是只用来编写控制其他大型应用程序 的“脚本”。

JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心 语法不算很多,只能用来做一些数学和逻辑运算。

 

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML_02

 JavaScript与ECMAScript的关系

ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前 者的一种实现。在日常场合,这两个词是可以互换的。

 JavaScript版本

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML_03

学习效果反馈 

1. ECMAScript和JavaScript关系:前者是后者的规格,后者是前者的一种实现

JavaScript可以实现操作系统

 JavaScript语句、标识符

JavaScript(一)-全面详解(学习总结---从入门到深化)_标识符_04

 语句

JavaScript 程序的单位是行(line),也就是一行一行地执行。一般 情况下,每一行就是一个语句

var num = 10;

语句以分号结尾,一个分号就表示一个语句结束

标识符

标识符(identifier)指的是用来识别各种值的合法名称。最常见的 标识符就是变量名 标识符是由:字母、美元符号($)、下划线(_)和数字组成,其中数字 不能开头

 

JavaScript(一)-全面详解(学习总结---从入门到深化)_标识符_05

 JavaScript保留关键字

以下关键字不需要强行记忆!

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML_06

学习效果反馈 

1. 以下哪个命名是正确的:

A var const = 10; 

B var 10Num = 20; 

C var @A = 30;

D var age=20;


2. 以下哪个完全符合标识符命名规则:

A 字母、美元符号($)、下划线(_)和数字

B 字母、美元符号($)、下划线(_)和数字,其中数字不能开头

C 字母、美元符号($)、百分号(%)和数字,其中数字不能开头

D 字母、美元符号($)、下划线(_)和特殊符号


变量与常量

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML_07

 变量

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML_08

var num = 10;

变量的重新赋值

var num = 10;
num = 20;

变量提升

JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变 量,然后再一行一行地运行。这造成的结果,就是所有的变量的声 明语句,都会被提升到代码的头部,这就叫做变量提升 (hoisting)。

console.log(num);
var num = 10; // 结果是什么呢?

常量

使用const定义常量后,常量无法改变(扩展知识,ES6新特性)

JavaScript(一)-全面详解(学习总结---从入门到深化)_HTML_09

const URL = "http://itbaizhan.cn";
URL = "http://iwenwiki.com"; // 错误

学习效果反馈

1. 以下代码打印正确的是:

console.log(num); var num = 10;

A 10

B 错误

C undefined

D num


2. 下列关于常量描述正确的是:

A 使用var关键字定义常量后,常量可以重新赋值

B 使用const关键字定义常量后,常量可以重新赋值

C 使用var关键字定义常量后,常量无法改变

D 使用const关键字定义常量后,常量无法改变

 JavaScript引入到HTML文件中

JavaScript(一)-全面详解(学习总结---从入门到深化)_javascript_10

 嵌入到HTML文件中

<body>
<script>
var age = 20
</script>
</body>

引入本地独立JS文件

<body>
<script type="text/javascript" src="./itbaizhan.js"> </script>
</body>

引入网络来源文件

<body>
<script src="http://code.jquery.com/jquery1.2.1.min.js"> </script>
</body>

学习效果反馈

1. 以下哪种不是JS文件引入到HTML文件中的方式:

A JS嵌入到HTML文件中

B 引入本地独立JS文件

C 引入网络来源的JS文件

D JS嵌入到CSS文件中


2. 以下代码是哪种JS引入到HTML文件中的方式:

<body> <script type="text/javascript" src="./itbaizhan.js"> </script> </body>

A JS嵌入到HTML文件中

B 引入本地独立JS文件

C 引入网络来源的JS文件

D JS嵌入到CSS文件中

 JavaScript注释与常见输出方式

JavaScript(一)-全面详解(学习总结---从入门到深化)_javascript_11

 JavaScript注释

源码中注释是不被引擎所解释的,它的作用是对代码进行解释。 Javascript 提供两种注释的写法:一种是单行注释,用//起头;另一 种是多行注释,放在/和/之间。

// 这是单行注释
/*
这是
多行
注释
*/

嵌入在HTML文件中的注释

<!-- 注释 -->

JavaScript输出方式

JavaScript有很多种输出方式,都可以让我们更直观的看到程序运行 的结果

// 在浏览器中弹出一个对话框,然后把要输出的内容展示出
来,alert都是把要输出的内容首先转换为字符串然后在输出的
alert("要输出的内容");
document.write("要输出的内容");
// 在控制台输出内容
console.log("要输出的内容");

 学习效果反馈

1. 下述代码横线处应填写的代码:

document.___("要输出的内容");

A document

B alert

C log

D write


2. 下述代码横线处应填写的代码:

console.___("要输出的内容");

A document

B alert

C log

D write

举报

相关推荐

0 条评论