javaScript简介(弱类型，解释型语言)

最新推荐文章于 2024-05-18 21:57:13 发布

꧁惜若༒奔已꧂

最新推荐文章于 2024-05-18 21:57:13 发布

阅读量63

点赞数

文章标签： javascript 开发语言

惜若

本文链接：https://blog.csdn.net/qq_69581907/article/details/130329282

版权

javaScript是一种可以同时运行在服务器端、客户端和桌面应用的跨平台程序程序语言
javaScript可以做什么：
1. 前端网页交互：javascript 可以被用来添加动态效果和交互性到前端 web 页面。
2. 客户端数据验证：javascript 可以用于客户端验证表单数据或其他用户数据输入。
3. 服务器端开发：javascript 也可以通过 node.js 平台运行在服务器端，进行后端开发。
4. 移动应用开发：javascript 可以作为移动应用开发平台的一部分，如 react native 和 ionic 等跨平台开发框架。
5. 游戏开发：javascript 能够利用 html5 和 canvas 创建简单的 2d 游戏。
6. 数据可视化：javascript 可以用于创建各种类型的数据可视化工具和图表。
7. 浏览器交互：浏览器内置了 javascript 解释器，使得开发人员能够直接控制浏览器的行为和属性。

// 1. 2个顶级对象
        //1.document:它代表了当前文档（即网页）的根节点。通过document对象，我们可以访问和操作文档中的所有元素、属性、样式和事件等
       // 2.window:全局对象，代表当前脚本的执行环境所在的窗口或者标签页。它是浏览器中的一个对象，一个javascript程序（网页）就是运行在窗口中的，操作窗口对象能够改变页面的内容、样式和属性等。
        
//html文件4中嵌入Script脚本方法
1.直接嵌入法(在html文件中的body中嵌入)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>直接嵌入</title>
</head>
<body>
    <script>
        //调用了输出方法，网页直接显示Hello Wrod！
        document.write("Hello Wrod!");
    </script>
</body>
</html>


2.导入外部js文件，嵌入js脚本(到html文件的head中嵌入)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导入外部</title>
    <!--导入外部js文件，嵌入js脚本-->
    <script src="index.js"></script>
</head>
<body>
</body>
</html>
js文件写：
    document.write("Hello Word!");


3.在超链接url地址中嵌入javaScript脚本(在body中)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在超链接url地址中嵌入javaScript脚本</title>
</head>
<body>
        <!--在超链接url地址中嵌入javaScript脚本，window.alert:弹出询问框,window:可以省略不写-->
        <a href="javaScript:window.alert('天天向上');">超链接</a>
</body>
</html>


4.<!--点击事件，已on开头的属性都是事件属性，在元素属性上嵌入javaScript脚本,onclick:单击事件-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素嵌入</title>
</head>
<body>
        <div οnclick="alert('好好学习');">大家好</div> 
</body>
</html>
        

5.function:(函数/方法)
    //当要执行很多不同的事情时，可以将这个不同的事情进行封装成一个方法，这个方法没有返回类型，传的参数也没有返回类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>function函数</title>
</head>
<body>
        <div οnclick="show">大家好</div>   
</body>
</html>
<script>
    function show() {
        alert("你点击了我");        
    }                   
</script>

//当点击了大家好，浏览器会出现询问框显示"你点击了我"

javaScript的类型

数字(number)类型： 用于表示数字，包括整数和浮点数。
字符串(string)类型： 用于表示文本，可以用单引号、双引号或反引号来定义。
布尔(boolean)类型： 只有两个值true和false，用于表示逻辑判断或条件语句。
空(null)类型： 表示一个空对象或者缺少值，其值只有null。
未定义(undefined)类型： 表示一个没有被初始化的变量或属性，其值只有undefined。
对象(object)类型： 用于封装复杂数据结构的实体，其属性可以是基本类型或其他对象。
数组(array)类型： 特殊的对象类型，可存储多个元素，每个元素都有相应的索引值。
函数(function)类型： 也是一种特殊的对象类型，可以接收输入参数并返回一个输出值。

javaScript一般用var，let，const声明变量的关键字

var，let和const是javascript中声明变量的关键字，它们有如下不同：

var是在es6之前声明变量的关键字，其作用域为函数级别或全局级别。这意味着程序中可以访问该变量的任何地方都可以引用该变量。
let是es6新增的声明变量的关键字，其作用域为块级别。块级别指花括号内部的语句和控制结构（例如循环、条件分支等）。这种作用域方式比var更加安全，因为它可以避免容易出现的变量声明提升、变量名覆盖等问题。
const也是es6新增的声明常量的关键字，与let相似，也具有块级别作用域。与let不同的是，const声明的变量不能被重新赋值；当然，如果该变量是对象或数组，则仍可修改其属性或元素。

综上所述，可以根据需要选择适合自己需求的关键字来定义变量。如果想要在当前作用域内使用变量，而且不需要对该变量进行再次赋值时，建议使用const。否则，如果需要在代码块内定义变量，并且可能需要再次赋值，则建议使用let。在实际工作中，也可以采用规范来限制变量使用方式，以保证代码的质量和可维护性。

使用typeof(变量名)可以看见自己定义的变量类型