JavaScript总结day01

最新推荐文章于 2024-08-23 18:36:14 发布

AA51890

最新推荐文章于 2024-08-23 18:36:14 发布

阅读量279

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/AA51890/article/details/77824742

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript总结：

day01：

1，javaScript的初步认识：

源于C语言语法、解释性语言，动态语言，灵活。

2，网页中嵌入JavaSript的方法：

（1），直接在HTML页面的<script>标签中编写代码。

（2），外部js文件（扩展名为.js），引入到HTML文件中，同样是使用<script>标签引入。

3，基本语法：

（1），标识符与关键字（保留字）；

（2），声明变量的语法，语句与语句块；

4，数据类型：

基本类型与应用类型。

1，JS语言特点：

动态、解释、灵活。

JS的语法来源于C语言语法。

动态语言：解释器在执行到当前行的时候，才知道变量的数据类型；

而且变量的数据类型可以动态地改变；

（Java语言是静态的，强类型的）

解释器语言：浏览器内置的解释器，一行一行执行，从上往下解释执行。

2，JS的作用：

（1）表单验证

（2）前端动画、特效

（3）各种前端框架的基础

3，JS的组成：

ECMA语言规范（ES5/ES6）+BOM（浏览器对象模型）+DOM（文档对象模型）

客户端JS是运行在浏览器里面。

浏览器就是JS的房子。（宿主环境，浏览器提供了JS引擎执行环境）

是运行HTML文件，不是运行JS文件！

4，开发环境：

JS可以使用任何文本编辑软件开发。

推荐：sublime Text、EditPlus（建议初学者使用）

其他：Hbulider、InteliJ IDEA、WebStrom

5，怎样编写JS代码：

（1）在HTML文件中使用script标签

EditPlus，启动后，按下ctrl+shift+N，打开一个新的HTML模板。
然后，编写<script>标签，标签位置任意，但是推荐写在最后</html>的上一行，在标签里面写JS代码，
<script>
alert("Hello World");
</script>
怎样执行JS代码：
EditPlus中，编写好HTML文件后，在HTML文件编辑页，按下Ctrl+B，查看运行效果。
（2）单独编写JS文件，然后引入到HTML文件中
a、使用任何文本编辑软件，编写JS代码，注意：外部的JS文件中没有<script>标签，直接是JS代码，

然后保存扩展名为.js的文件；
b、在HTML文件中，使用<script>标签引入外部的JS文件
<script src="./js/01.js"></script>
src属性代表了外部JS文件路径，一定要确保路径正确，才能执行文件中的JS代码
.——代表当前路径
..——代表当前的上一级目录
这里需要安装FireFox或Chrome浏览器，以备调试JS错误！

出现的问题：

（1）中文乱码

HTML文件保存时，选择UTF-8编码；

HTML文件中的<head>标签内，新增一个标签
<meta charset="utf-8" />

（2）EditPlus里面的设置

如果单独引入JS文件，则JS文件保存时，也选用UTF-8编码；
字体设置、自动保存功能取消（.bak）

6，JS的基本语法：

（1）声明变量的语法：统一用var关键字！

基本版：
var 变量名[=变量值]
复杂版：
var 变量名1[=变量值1][,变量名2[=变量值2]]...[,变量名N[=变量值N]]
JS语法比较松散，每一行语句可以不用英文分号！推荐加上，可读性好！
JS的动态性总结：变量的类型是在赋值后才确定的！
你给我什么，我就是什么

（变量声明没有赋值时，JS引擎并不知道变量的类型，
而是在赋值发生的那一刻，确定变量的类型！
你给我字符串，我就是字符串类型，你给我数字，我就是数字类型！）alert(typeof 变量名)//打印出变量的类型
（2）变量名区分大小写、英文分号、英文括号
（3）变量名不能包含关键字
class、var等，详阅手册

7，数据类型

（1）基本数据类型（原始类型）——用typeof，语法：typeof 变量名
小写的number/boolean/string/undefined/null
凡是字符串，要使用引号引起来（单/双引号均可）
作业：查询资料，说明JS中null和undefined的区别？如何打印出null？
typeof能打印出原始类型，不能打印出对象类型。对于对象类型始终返回object！
（2）引用数据类型（对象类型）——用instanceof，语法：变量名 instanceof 类型名
除了基本类型之外的类型全部是引用数据类型！
Object、Number、Boolean、String、RegExp、Error、Function函数对象
如何查看引用类型，则需要用instanceof运算符，它只能返回true或false