JavaScript语法

JavaScript介绍

JavaScript是一种属于网络的脚本语言。提升网页的交互功能，提高用户的体验，运行在浏览器端。

JavaScript作用

表单数据校验

页面元素标签动态增删改查操作

JavaScript 编写位置

第一种：行内位置编写 

格式：

<标签 on事件名="js代码">

作用：

只能给当前一个标签使用

第二种：内部位置编写 

格式：

<script>
        js代码
</script>

作用：

                  只能给当前页面使用

 第三种：外部位置编写

               格式：

<script type="text/javascript" src="外部.js文件"> </script>

      作用：

                         可以给多个html页面使用，重用性好

 JavaScript语言组成

 JavaScript基础语法：

 定义变量

 设置idea支持ES6

ES6中反引号字符串

// 在js中字符串可以反引号，支持插值运算

let s1 = `hello`;

document.write("字符串：" + s1 + "<br/>");

 

let n1 = 3;

let n2 = 5;

let n3 = n1 + n2;

// 以前使用字符串拼接

document.write(n1 + "+" + n2 + "=" + n3 + "<br/>");

// 使用插值运算

document.write(`${n1}+${n2}=${n3}`);

五种数据类型

查询变量名所属类型函数

方法1：typeof 变量名

方法2：typeof(变量名)

浏览器调试JavaScript代码

算术运算符

算术运算符用于执行两个变量或值的算术运算 , 例如： let a=5,b=10;

注意：JavaScript 中除法是可以除得尽，如果除不尽会保留16位小数

赋值运算符

比较运算符

注意：字符串与数字进行比较的时候会先把字符串转换成数字然后再进行比较。

逻辑运算符

注意：逻辑运算符不建议单与&、单或|, 会变成数字

三目运算符

判断条件是否成立，成立返回 ？符号后第一个表达式，否则返回第二个表达式

格式：    判断条件 ?  真的值 ： 假的值;

if语句

if语句条件表达式除了支持boolean类型表达式，还支持非boolean类型表达式

switch语句

JavaScript 语法更加灵活，所以case中还可以表达式，java仅支持case后使用常量

while/do-while循环语句

      break和continue

      break: 结束整个循环

      continue：跳过本次循环，执行下一次循环

for 循环语句

函数

命名函数

函数介绍

相当于Java中方法，使用方法可以实现代码块的重用

函数分类

① 命名函数：有名字的函数

② 匿名函数：没有名字的函数

命名函数语法

function 函数名(形参列表) {

    // 代码块

    [return 返回值;]

}

匿名函数

匿名函数介绍

没有名字的函数， 一般用于 js 事件开发关联绑定匿名函数。

命名函数语法

// 定义匿名函数

let 变量名 = function (形参列表) {

    [return 返回值;]

};

// 调用匿名函数
变量名(实参列表);

参数传递原理介绍

调用函数传递的实参列表，函数内置数组对象arguments接收，之后从数组获取数据赋值给形参列表变量