javascript 基本功能

JavaScript 奥义

JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。

脚本语言：不需要编译，就可以被浏览器直接解析执行了。
JavaScript 的核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些动态效果。

在页面html 中使用 javascript 是要在 body标签下 用一对 script标签 来编写
Javascript 增添的动态功能

Javascript 的动态功能 有 超链接 弹窗 获取页面标签的元素 及 属性等，
在页面代码文件中，引入javaScript 有两种办法：
引入js的方式一：内部方式

 <script>
    document.getElementById("btn").onclick=function () {
        alert("点我干嘛？");
    }
</script>

引入js的方式二：外部方式
创建js文件
在外部创建 js 文件 不用写 script 标签 文件后缀必须写成 .js，在html文件内引入是在
script标签 的开始标签中 用 src 属性 写明 js 文件的全路径，千万别忘记连 后缀名一起写上。

document.getElementById("btn").οnclick=function () {
    alert("点我干嘛？");
}

在html中引用外部js文件

<script src="js/my.js"></script>

---

JavaScript基本语法

注释
单行注释 ： // 注释的内容
多行注释： /* 注释的内容 */

输入输出语句

• 输入框 prompt(“提示内容”);
  这会在页面弹出能输入信息的输入框，可以再输入框输入数据。

• 弹出警告框 alert(“提示内容”);
  这会在页面弹出带有文字信息的提示框

• 控制台输出 console.log(“显示内容”);
  这是显示在页面的控制台，如果代码有错误，在页面的控制台中会有显示

• 页面内容输出 document.write(“显示内容”);
  显示内容：是直接在页面显示，记住他不会自动换行，要使用
  才能换行

---

变量和常量

定义局部变量 let 变量名 = 值;
let name = “张三”;
let age = 23;

定义全局变量 变量名 = 值;
l2 = “bb”;

定义常量 const 常量名 = 值;
const PI = 3.1415926;

注意：定义变量 变量名前面要加 let 或 不加 let 变量的值是能改变的
定义常量 变量名前面要加 const 常量的值是不能改变的
变量名前面加 let 是局部变量 作用域在当前的 括号里，
没加 let 的 变量 是全局变量， 作用域是整个 script 标签中 或者 是外部文件的 整个文件中。

在javascript 的 作用域中 想知道变量与常量的数据类型 用typeof方法类获取,
列如： let age = 18; 想知道这个变量的数据类型 **typeof(age)**这样就能获取到

Javascript 说白了就是在页面程序中 使用的 Java语言 和Java一样
运算符、比较运算、逻辑运算符、赋值运算符、算数运算符 、 三元运算符 都与Java的一样。

还有Java中的 if 判断 Switch判断 for循环 while循环 格式也和Java的一样。

还有数组：

在 script 标签中 创建数组 的 格式 let 数组名 = [元素1,元素2,…];
记得 数组 名 前面 一定写上 let ， 赋值是在等式右边 用中括号 中间用 ，分割。 而不是 大括号。

操作数组的功能

• 数组复制
• 合并数组
• 字符串转数组

//定义数组
let arr=[12,15,13];
//遍历数组
for(let i = 0;i<arr.length;i++){
    document.write(arr[i]+" , ");
}
document.write("=============<br>");

let arr2 = [...arr];
for(let i=0;i<arr2.length;i++){
    document.write(arr2[i]+" ; ");
}
document.write("=============<br>");

//合并数组
let arr3 = [40,50,60];
    let arr4 = [...arr2 , ...arr3];
    for(let i = 0;i<arr4.length;i++){
        document.write(arr4[i]+"<br>");
    }
    document.write("=============<br>");


    //将字符串转换成数组
    let arr5 = [..."heimadaa"];
    for(let i=0;i<arr5.length;i++){
        document.write(arr5[i]+"<br>");
    }
    document.write("=============<br>");

javascript 还有 函数

这里的函数 就是 方法，用来封装功能的。进行代码的复用。

格式有六种：可变参数、匿名函数、无返回值、空参、有返回值、有参。

/*函数*/

    //可变参数
    function getSam(...params){
        let sum = 0;
        for(let i=0;i<params.length;i++){
            sum+= params[i];
        }
        return sum;
    }
    //调用方法
    let sum = getSam(1,2,3,4,5);
    document.write(sum+"<br>");

//匿名函数
let fun = function(){
    document.write("hello");
}
fun();
document.write("=============<br>");