十、JavaScript 基础

---

十、JavaScript 基础

10.1 JavaScript简介

JavaScript 简称 JS 是用于制作网页的动态效果的，如：页面的弹出广告、浮动广告、下拉菜单、表单验证等功能都由 JavaScript 完成;JS 是嵌入在网页中的一个脚本语言;它不像 Java 一样庞大，但它的灵活度高；JavaScript 它是目前所有前端框架的基础;在前端框架中，底层都是使用HTML+CSS+JavaScript 实现的;JavaScript 是基于对象的编程需要,写在页面中，由浏览器运行的一个脚本语言；但JavaScript 和我们传统意义上的编程语言一样。

10.2 JavaScript 的使用

JS 代码必须编写在<script>js 代码</script>标签中,script 标签可以在网页的任何位置编写，一般将该标签放在 head 标签，目前流行的开发方式是将 script 放到网页结束位置。

10.3 JavaScript 基本语法

10.3.1 基本类型

数据类型，JavaScript 属于弱类型语言，在 JS 中没有明确的数据类型表示，它根据变量的值自动确定数据类型;
int age = 10;（java 中对每个变量都有明确的类型定义）
var age =”10”;（js 中变量的定义,是根据值来确定类型的）
JavaScript 中分三种类型表示所有数据:
(1) number 类型(int,float,double)；
(2) string 类型(字符、字符串)；
(3) boolean 逻辑类型(true,false)；
使用 typeof（变量）函数可以检测一个变量的数据类型。

10.3.2 变量的声明及使用

由于 JS 是一个弱类型的语言，在 JS 中没有明确的数据类型，所有在声明变量时不需要指定数据类型(Java 等编程语言在使用时需要指定具体类型的)；
JS 通过 var 关键字来声明变量(var 关键字可以省略<但不建议>)；
var age = 10;
var name = “强哥”；
document.write(“姓名:”+name+“年龄:”+age);

1. let和var一样都是用来声明变量的；
2. let属于块级变量，使用let定义的变量只能在某一个代码块使用；
3. var 定义全局变量，在代码块定义的变量，在代码块外部依然可以使用；
4. 如果声明变量时省略了 let 或 var 则默认以 var 的方式声明。

10.3.3 JS 中的流程控制语句

(1)if 语言(单分支) 、if-else 语句(双分支)、 多重 if-else 语句(多分支)；
(2)switch(多分支等值判断)；
(3)while、do-while、for。
乘法口诀表

等腰三角形

10.3.4 JS 中函数的使用

JS 的函数和 Java 中的方法是一样的;函数定义好后是不执行的，当我们去主动调用函数时函数才会执行;

function show(参数){
    //函数体
}

声明函数时不指定返回类型(由于 JS 是弱类型的语言),但函数可以有返回值。
调用函数
JS 是事件驱动的语言，调用函数需要在相关的事件中调用（通过事件来调用函数）

等腰三角形函数实例


注：JS 中虽然没有声明函数的返回类型，但 JS 中的任意函数都可以使用return 关键字返回结果，而且 JS 中的函数可以相互调用。