Document

JavaScript（JS）

2023-09-22
dfer
493
javascript 开发语言 ecmascript CSDN

一.JavaScript

1.介绍

JS一开始是为了进行前端页面开发，后来JS也被赋予了更多的功能。可以开发桌面程序、手机app、服务器端的程序......

虽然Java和JavaScript名字相近，但语法风格差异很大，但还是有一些相似的地方。

JS是运行在浏览器上的

2.JS和CSS、HTML的关系

HTML:网页的结构（骨）

CSS:网页的表现（皮）

JavaScript:网页的行为（魂）

3.JS的组成

ECMAScript（简称ES）：JS语法

DOM：页面文档对象模型，对页面的元素进行操作。DOM API 是浏览器给JS提供的操作页面的api

BOM:浏览器对象模型，对浏览器窗口进行操作

4.三种引入方式

1.内部JS

第一个程序：hello

通过script标签嵌入到HTML里面

2.外部JS，写成一个单独的.js文件，让html引入进来

3.行内js,直接写到html元素内部

alert可以弹窗，但是有些对话框弹出来会阻止用户操作页面的其他部分。

console.log 可以在控制台中打印日志，相当于Java中的println，是重要的调试手段。

二.语法

1.变量

基本用法

定义变量不需要指定类型，变量的类型通过初始化的值来确定。

写法：var 变量名=初始值

let 变量名=初始值(更推荐）

动态类型

动态类型：一个变量在程序运行中，类型可以发生改变。（JS、python、PHP、Lua...）

静态类型：一个变量在程序运行中，类型不可以发生改变。（Java、C++、go...）

动态模式优点：灵活。如果用Java写两个数字相加，需要分出很多情况，两个int类型相加、两个double类型相加.....

缺点：一个数据的类型增加了不确定性。

动态模式适合初创公司（比较赶时间的情况下），后面到达一定的规模会进行静态模式重构。

2.基本数据类型

3.运算符

大体上与Java相似

注意一个运算符 “===” ：比较相等（不会进行隐式的类型转换）

像Java这种，不太支持隐式类型转换的语言，称为“强类型”语言

像JS这种，支持隐式类型转换的语言，称为“弱类型”语言

三.条件、循环语句

与Java基本相同

四.数组

定义和初始化

let arr=[ ];

JS中使用[ ]来表示数组

初始数组：

let arr=[1,2,3,4]；

因为对类型没有要求，甚至可以初始化成包含不同类型元素的数组。

let arr=[1,'hello',true,[] ] ;

即使没有数据，也不会报错，只会提醒undefined(没有被定义），程序还会往下执行，不会因为下标越界而终止。

数组可以按照Map,键值对的方式来组织数据。

数组遍历的三种写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let arr=[0,'hello',true,[]];

        for(let i=0;i<arr.length;i++){
            console.log(arr[i]);
        }

        for(let i in arr){
            console.log(arr[i]);
        }

        for(let elem of arr){
            console.log(elem)
        }
       
    </script>
</body>
</html>