JavaScript笔记之第一天

时间：2023-03-09 02:17:39
JavaScript笔记之第一天

JavaScript

1.JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

2.JavaScript 关键字

JavaScript 关键字用于标识要执行的操作。

var 关键字告诉浏览器创建一个新的变量：

以下是 JavaScript 中最​​重要的保留字（按字母顺序）：

abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with

3.JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

4.JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。

5.JavaScript 语句标识符

JavaScript 语句通常以一个 语句标识符 为开始，并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

提示：JavaScript
是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

6.JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

实例

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串

7.Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

8.HTML 事件

HTML 事件可以是浏览器行为，也可以是用户行为。

以下是 HTML 事件的实例：

  • HTML 页面完成加载
  • HTML input 字段改变时
  • HTML 按钮被点击

通常，当事件发生时，你可以做些事情。

在事件触发时 JavaScript 可以执行一些代码。

HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。

<button onclick='getElementById("demo").innerHTML=Date()'>现在的时间是??</button>
常见的HTML事件

下面是一些常见的HTML事件的列表:

事件 描述
onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载

更多事件列表: JavaScript 参考手册 - HTML DOM 事件。

可以使用内置属性 length 来计算字符串的长度

9.转义字符

代码 输出
\' 单引号
\" 双引号
\\ 反斜杠
\n 换行
\r 回车
\t tab(制表符)
\b 退格符
\f 换页符

=== 为绝对相等，即数据类型与值都必须相等。
var x = "John";              
var y = new String("John");
(x === y) // 结果为 false，因为是字符串，y 是对象 
var x = "John";
var y = new String("John");
(x === y) // 结果为 false，因为是字符串，y 是对象

11.对字符串和数字进行加法运算

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串

12.比较运算符

比较运算符在逻辑语句中使用，以测定变量或值是否相等。

<p给定x=5，下面的表格解释了比较运算符：

运算符 描述 比较 返回值 实例
== 等于 x==8 false 实例
»
x==5 true 实例
»
=== 绝对等于（值和类型均相等） x==="5" false 实例
»
x===5 true 实例
»
!=  不等于 x!=8 true 实例
»
!==  不绝对等于（值或类型均不相等） x!=="5" true 实例
»
x!==5 false 实例
»
>  大于 x>8 false 实例
»
<  小于 x<8 true 实例
»
>=  大于或等于 x>=8 false 实例
»
<=  小于或等于 x<=8 true 实例
»

13.条件语句

通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中，我们可使用以下条件语句：

  • if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

switch(n)
{
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时执行的代码
}

14.不同类型的循环

JavaScript 支持不同类型的循环：

  • for - 循环代码块一定的次数
  • for/in - 循环遍历对象的属性
  • while - 当指定的条件为 true 时循环指定的代码块
  • do/while - 同样当指定的条件为 true 时循环指定的代码块

15.typeof 操作符

你可以使用 typeof 操作符来检测变量的数据类型。

typeof "John"                //
返回 string 
typeof 3.14                  //
返回 number
typeof false                 //
返回 boolean
typeof [1,2,3,4]             //
返回 object
typeof {name:'John',
age:34} // 返回 object

16.Null

在 JavaScript 中 null 表示 "什么都没有"。

null是一个只有一个值的特殊类型。表示一个空对象引用。

JavaScript笔记之第一天 用 typeof 检测 null 返回是object。

你可以设置为 null 来清空对象:

17.Undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。

typeof 一个没有值的变量会返回 undefined。

var person;                  //
值为 null(空), 但仍然是一个对象

18.JavaScript 数据类型

在 JavaScript 中有 5 种不同的数据类型：

  • string
  • number
  • boolean
  • object
  • function

3 种对象类型：

  • Object
  • Date
  • Array

2 个不包含任何值的数据类型：

  • null
  • undefined

请注意：

  • NaN 的数据类型是 number
  • 数组(Array)的数据类型是 object
  • 日期(Date)的数据类型为 object
  • null 的数据类型是 object
  • 未定义变量的数据类型为 undefined

如果对象是 JavaScript Array 或 JavaScript Date ，我们就无法通过 typeof 来判断他们的类型，因为都是 返回 Object。

19.将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

字符串包含数字(如 "3.14") 转换为数字 (如 3.14).

空字符串转换为 0。

其他的字符串会转换为 NaN (不是个数字)。

20.将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。

相关文章