JavaScript

发布时间 2023-07-17 12:21:52作者: __YJC

一、什么是JavaScript?

1.JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互;

2.JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似;

3.JavaScript在1995年由Brendan Eich 发明,并于1997年成为ECMA标准;

4.ECMAScript 6 (ES6)是最新的JavaScript版本(发布于2015年)。

二、JavaScript引入方式

1.内部脚本

​ 将JS代码定义在HTML页面中

(1)JavaScript代码必须位于<script></script>标签之间;

(2)在HTML文档中,可以在任意地方,放置任意数量的<script>;

(3)一般会把脚本置于<body>元素的底部,可改善显示速度。

2.外部脚本

​ 将JS代码定义在外部JS文件中,然后引入到HTML页面中

(1)外部JS文件中,只包含JS代码,不包含<script>标签;

(2)<script>标签不能自闭合。

三、JavaScript书写语法

1.区分大小写

​ 与Java一样,变量名、函数名以及其他一切东西都是区分大小写的。

2.每行结尾的分号可有可无

3.注释

(1)单行注释://注释内容

(2)多行注释:/*注释内容*/

4.大括号表示代码块

四、JavaScript输出方式

1.使用window.alert()写入警告框;

2.使用document.write()写入HTML输出;

3.使用console.log()写入浏览器控制台。

五、变量

1.JavaScript中用var关键字(variable的缩写)来声明变量。

2.JavaScript是一门弱类型语言,变量可以存放不同类型的值。

3.变量名规则

(1)组成字符可以是任何字母、数字、下划线(_)或美元符号($)》;

(2)数字不能开头;

(3)建议使用驼峰命名。

4.var特点

(1)作用域比较大,全局变量;

(2)可以重复定义。

5.注意事项

(1)ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量,只在let 关键字所在的代码块内有效,且不允许重复声明。

(2)ECMAScript 6新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。

六、数据类型&运算符

1.数据类型分为

​ 原始类型和引用类型。

2.原始类型

(1)number: 数字(整数、小数、NaN(Not a Number));

(2)string:字符串,单双引皆可;

(3)boolean:布尔。true,false;

(4)null:对象为空;

(5)undefined:当声明的变量未初始化时,该变量的默认值是undefined。

3.typeof运算符

​ 使用typeof运算符可以获取数据类型。

image-20230717105759461

4.运算符

(1)算术运算符:+,-,*,/,%,++,--

(2)赋值运算符:=,+=,-+,*=,/=,%=

(3)比较运算符:>,<,>=,<=,!=,==,===

(4)逻辑运算符:&&,||,!

(5)三元运算符:条件表达式?true_value:false_value

5.==与===

​ ==会进行类型转换,===不会进行数据转换

6.类型转换

(1)字符串类型转为数字:将字符串字面值转为数字,如果字面值不是数字,则转为NaN。

(2)其他类型转为boolean:

  • Number:0和NaN为false,其他均转为true;
  • String:空字符串转为false,其他均转为false;
  • Null和undefined:均转为false。

七、流程控制语句

1.if...else if,,,else

2.switch

3.for

4.while

5.do...while

八、函数

1.介绍

函数(方法)是被设计为执行特定任务的代码块。

2.定义

(1)方式一:JavaScript函数通过function关键字进行定义,语法为:

image-20230717113050033

(2)方式二:

image-20230717113531552

3.注意

(1)形式参数不需要类型。因为JavaScript是弱类型语言;

(2)返回值也不需要定义类型,可以在函数内部直接使用return返回即可;

(3)JS中,函数调用可以传递任意个数的参数。

4.调用

函数名称(实际参数列表)

九、Array数组

1.Array

JavaScript中Array对象用于定义数组。

2.定义

(1)方式一:var 变量名 = new Array(元素列表);

(2)方式二:var 变量名 = [元素列表]。

3.访问

arr[索引] = 值

4.特点

(1)长度可变;

(2)可存储任意类型的数据。

5.属性

length:设置或返回数组中元素的数量。

6.方法

(1)forEach():遍历数组中的每个有值的元素,并调用一次传入的函数;

​ 箭头函数(ES6):是用来简化函数定义语法的。具体形式为;(...)=>{...},如果要给箭头函数起名字:var xxx = (...)=>{...}

(2)push():将新元素添加到数组的末尾,并返回新的长度;

(3)splice():从数组中删除元素。