您的位置：首页 > Web前端 > JavaScript

JavaScript基础语法学习打卡

2020-06-07 05:35 501 查看

本节介绍

1、JavaScript的重要作用，HTML+CSS+JavaScript的之间关系
2、JavaScript脚本语言的程序控制语法
3、JavaScript脚本语言函数，自定义函数
4、JavaScript脚本语言事件响应及处理、表单处理
5、JavaScript脚本语言DOM模型及操作
6、使用本课程所学技术完成综合练习

JavaScript简介

1、什么是JS – JavaScript的简称，是一种动态脚本语言。
2、什么是动态页面 – 人机交互静态页面 – 没有人机交互
3、JS需要安装才能使用吗？ – 不需要
4、什么是BOM – 浏览器对象模型 DOM – 文档对象模型

详细介绍

1、JavaScript是一种基于对象和事件驱动的客户端脚本语言，最初的设计是为了检验HTML表单输入的正确性，起源于Netscape公司的Livescript语言
2、JavaScript的组成：ECMAsxcript（语法）、Browser Objects(DOM BOM 特性)组成

JavaScript的注释和分号

// 单行注释
语句结束还是用分号，如果省略，则由解析器确定语句地结尾

JavaScript的标识符

1、什么是标识符 – 变量、函数、属性的名字，或者函数的参数。
2、标识符的命名规则
a. 由字母、数字、下划线(_)或者美元（$）组成
b. 不能以数字开头
c. 不能使用关键字，保留字作为标识符

编写第一个JavaScript程序

1、使用script标签在HTML中插入JavaScript，编写内部JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/*css编写*/
</style>
<script type="text/javascript">
//调试工具  --  弹出框
alert("hello JavaScript");
</script>
</head>
<body>

</body>
</html>

2、引用外部JS文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="js/js1.js"></script>
</head>
<body>

</body>
</html>

JavaScript变量

1、与其他程序设计语言相同，用来临时存储信息
2、创建方法如下：弱数据类型
a. var x=1; var x=2,name=“zhangsan”;
b. var x; x=1; var name; name=“lisi”;
3、注意：Js中的变量，区分类型，但是没有int之类的关键词

JavaScript调试

1、alert()弹框调试、console.log控制台输出调试
2、观察变量值的变化规律，是否符合程序设计的目的
3、语法：

alert(flag);
console.log(flag);

JavaScript自定义函数

1、 JavaScript函数：自定义函数、内置函数
2、自定义函数：是完成某一个功能模块的代码段，可以重复执行，方便管理和维护。
3、创建方法：
a. 这种事函数声明，可以先使用后定义。

function fun1(){
代码段;
return;
}

b.这种叫做：函数表达式，必须先定义后使用

var fun1 = function(x){
return x+1;
}

JavaScript数据类型

ECMAScript：

a. 简单数据类型：
ⅰ. Underfined 未定义，一般指的是已经声明，但是没有赋值的变量,派生自null值
ⅱ. null 空对象类型，var a = null; 和 var a = “”;有区别；
ⅲ. Boolean 布尔类型，只有true和false 2种值
ⅳ. Number 数字类型，整型、浮点型都包括
ⅴ. String 字符串类型，必须放在单引号或者双引号中
b. ECMAScript6: es6 新增symbol数据类型
c. 复杂数据类型：Object – 对象

特殊类型

1、object – 对象类型，在js中常见的window document array等
2、NaN – 是Number的一种特殊类型，isNaN() 如果是数字返回false 不是数字返回true
3、isNaN() – 说明：对接受的数值，先尝试转换为数值，再检测是否为非数值。
4、任何涉及NaN的操作（例如NaN/10）都会返回NaN
5、NaN与任何值都不相等，包括NaN本身

var id="16";
console.log(isNaN(id));//false   转换之后是数字

var id="lisi";
console.log(isNaN(id));//true   转换之后不是数字

typeof

1、功能：检测变量类型
2、语法：typeof 变量或者 typeof（变量）
3、返回值：string number boolean object underfined function

类型转换

1、parseInt() - 转换成整型 parseFloat() - 转换成浮点类型，带小数点 Number() - 包括整数和小数 Bolean() - 转换成逻辑类型
2、强制类型转换隐式类型转换
3、案例演示

思维导图

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

JavaScript基础语法 学习打卡