JavaScript详细总结

最新推荐文章于 2024-05-08 20:29:39 发布

「已注销」

最新推荐文章于 2024-05-08 20:29:39 发布

阅读量729

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/qq_53124400/article/details/121634519

版权

概念

javascript

1.它是一门客户端脚本语言

客户端的语言：它是运行在客户端浏览器的。每一个浏览器都有JavaScript的解析引擎

脚本语言：不需要编译，直接就可以被浏览器解析执行了

javascript功能

可以来增强用户和html页面的交互过程，可以用来控制html元素，让页面有一些动态的效果，增加用户的体验

javascript发展

JavaScript = ECMASceipt + JavaScript自己特有的（BOM + DOM）

1.1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验，用来检验客户端的非法提交。命名为C--，后来更名为ScriptEase

2.1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来了SUN公司的专家修改LiveScript。命名为JavaScript

3.1996年，微软公司抄袭了JavaScript开发出了JScript语言,

4.1997年，ECMA(欧洲计算机制造商协会)，ECMAScript，就是所有客户端脚本语言的标准

ECMAScript

ECMAScript:客户端脚本语言的标准

基本语法

与html结合方式

1.内部JS：定义<script></script>标签，标签体内容就是js代码

2.外部JS:定义script标签，通过它的src属性引入js文件的位置

注意事项：

1.<script>可以定义在html页面的任意地方，但是定义的位置会影响执行顺序

2.<script>可以定义多个

内部JS演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    内部JS-->
    <script>
        alert("Hello world");
    </script>
</head>
<body>

</body>
</html>

创建一个JS包，在包下面创建js文件，外部JS代码演示：

alert("外部的js文件");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../JS/example01.js"></script>
</head>
<body>

</body>
</html>

注释

单行注释：//注释内容

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

数据类型

原始数据类型：

number：数字。整数/小数/NaN(not a number 一个不是数字的数字类型)

string: 字符串。
boolean: true和false·

null:一个对象为空的占位符
undefined:未定义。如果一个变量没有给初始化值，则会默认赋值为undefined

引用数据类型：对象

变量

概念：一小块存储数据的内存空间

注意事项：java语言是强类型语言，而JavaScript是弱类型语言

强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型，只能存储固定类型的数据

弱类型：在开辟变量存储空间时，不定义空间将来存储的数据类型，可以存放任意类型的数据

语法： var 变量名 = 初始化值；

定义变量代码演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 定义 变量
        var a = 1;
        alert(a);
    </script>
    <script>
        //定义number类型
        var b = 1;
        var c = 1.1;
        var d = NaN;
        //输出到页面上
        document.write(b + "<br>"+typeof(b));
        document.write(c + "<br>"+typeof(c));
        document.write(d + "<br>"+typeof(d));
    </script>
    <script>
        //定义string类型
        var str1 = "abc";
        var str2 = 'abc';
        document.write(str1 + "<br>"+typeof(str1));
        document.write(str2 + "<br>"+typeof(str2));
    </script>
    <script>
        var boolean1 = true;
        var boolean2 = false;
        document.write(boolean1 + "<br>"+typeof(boolean1));
        document.write(boolean2 + "<br>"+typeof(boolean2));
    </script>
    <script>
        var obj = null
        var obj1;
        document.write(obj + "<br>"+typeof(obj));
        document.write(obj1 + "<br>"+typeof(obj1));
    </script>

</head>
<body>

</body>
</html>

运算符

一元运算符：只有一个运算数的运算符。例如，++,--,+(正号)

注意事项：在Js中，如果运算数不是运算符所要求的类型，那么Js引擎会自动的将运算数进行类型转换。

string转换成number：按照字面值转换，如果字面值不是数字，则会转为NaN(不是数字的数字类型)

boolean转换为number:true转为1，false转为0

算数运算符：例如+ ，-，*，、

赋值运算符：例如= +=

比较运算符：> < >= <= == ===(全等于)

相同类型的比较：直接比较

字符串：按照字典顺序比较。按位逐一比较，知道得出大小为止。

类型不同的比较：先进行类型转换，再比较

=== ：全等于，在比较之前，先判断类型，如果类型不一样，则直接返回false

逻辑运算符：&& || !

其他类型转boolean:

1.number:

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript详细总结

概念javascript1.它是一门客户端脚本语言客户端的语言：它是运行在客户端浏览器的。每一个浏览器都有JavaScript的解析引擎脚本语言：不需要编译，直接就可以被浏览器解析执行了javascript功能可以来增强用户和html页面的交互过程，可以用来控制html元素，让页面有一些动态的效果，增加用户的体验javascript发展JavaScript = ECMASceipt + JavaScript自己特有的（BOM + DOM）1.1992年，Nombase
复制链接

扫一扫