Javascript详解（一）

2024年4月4日 198次阅读

一、概述
JavaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。它不需要进行编译，而是直接嵌入在HTML页面中，由浏览器执行。

  • JavaScript 被设计用来向 HTML 页面添加交互行为。
  • JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
  • 说明：脚本语言就是一种轻量级的编程语言。一般都由相应的脚本引擎来解释执行。例如JavaScript语言就由浏览器引擎来解析和执行。
  • JavaScript 通常被直接嵌入 HTML 页面。
  • JavaScript 是一种解释性语言（就是说，代码的执行不进行预编译）。

1.Javascript的组成部分

  • ECMAScript： JS的核心，规定了JS的语法 和 词法。
  • DOM：Document Object Model 文档对象模型  主要用来跟网页打交道的。可以把整个网页看作为DOM的对象提供访问和操作网页内容的方法。
  • BOM：Browser Object Model 浏览器对象模型   主要用来跟浏览器打交道的。提供与浏览器交互的方法。

2.Javascript的引入方式1. 内部js：也就是在html源码中嵌入js代码语法格式：

<script type=”text/javascript”>

这里写你的js代码

</script>

注意：

  • <script>标签可以写在html页面中的任何地方。而且一个页面中可以有多个<script>标签。
  • type=”text/javascript”可以省略

2. 外部js：也就是将js代码单独写成一个js文件(扩展名是 .js而不是 .javascript), 在html代码中引入这个封装好的js文件

语法格式：

<script type=”text/javascript” src=”xxx.js”></script>

注意：

  • 无论是内部js还是外部js在html中引入的位置是随意的，<head>标签中可以引入，<body>标签一样可以引入

二、Javascript的基本语法
1. JS变量的定义

js的变量的定义直接通过var关键字就行。

  • 整型：  var i = 0;
  • 浮点型：var d = 3.14;
  • 字符串：var str = “黑马程序员”;
  • 布尔型：var b = true;

2. JS的数据类型

  • 数字类型：number  包含了小数和整数
  • 布尔类型：boolean  只有两个值： true（真）| false（假）
  • 字符串类型：String  包含字符和字符串，既可以使用双引号又可以使用单引号
  • 未定义类型：undefined  只有一个值，即 undefined未定义
  • 空类型：null  只有一个值 null，表示空对象

3.JS的运算符

  • 赋值运算符：等号(=), 举例： var x = 5。
  • 比较运算符： >  <  >= <=   ==  !=   ===  !==
  • 逻辑运算符：  &&  ||   ！
  • &&  并且，双与：只有运算符两侧都为true，结果才是true； 一假即假。
  • ||    或者，双或：只要运算符两侧有一个是true，结果就是true；一真即真。
  • !    取反： !true = false;  !false=true;

注意：
== 和 === 的区别：
两者都可以用来比较两个变量的值是否相等。
== 先做数据类型的转换，再进行比较。比如可以将整数转换为字符串，或者将字符串转换为整数等。
=== 全等 严格的比较，如果符号两侧的数据类型不一致，则立刻返回false。

所有的值都能参与逻辑运算

点赞