JavaWeb之JavaScript全脑图（Day01）

最新推荐文章于 2024-06-21 16:41:46 发布

程序彤

最新推荐文章于 2024-06-21 16:41:46 发布

阅读量157

点赞数

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

本文链接：https://blog.csdn.net/m0_47119598/article/details/109314267

版权

前端专栏收录该内容

15 篇文章 1 订阅

订阅专栏

在这里插入图片描述

JavaScript

介绍

主要完成页面的数据验证。
运行在客户端，需要运行浏览器来解析执行JavaScript代码
JS 弱类型
java 强类型

特点

1.交互性（信息的动态交互）
2.安全性（不允许直接访问本地磁盘）
3.跨平台性（大多浏览器都有js解释器）

JavaScript和html结合方式

在head中声明script

在head中使用script引入js文件

变量

变量类型

数值类型 number
字符串类型 string
对象类型 object
布尔类型 boolean
函数类型 function

特殊的值

undefined:js变量未赋值时，默认值是undefined
null: 空值
NAN: Not a Number 非数字，非数值

关系运算

== 简单的做字面值的比较
=== 除了字面值比较，比较两个变量的数据类型
js中所有的变量都可以作为一个boolean类型的变量去使用，0,null,undefined,无空格的空串全为假FALSE

&& 1.当表达式为true是，但会后者表达式值 2.当表达式为false时，返回第一个为假的表达式的值

|| 1.当表达式全为假，返回最后一个表达式值 2.只要有一个表达式为真，就返回第一个为真的表达式值

<script type="text/javascript">
        var i;
        // alert(i); // undefined
        i = 12;
        // alert(i); //12
        // alert(typeof(i)); // js语言提供的一个函数 取变量的数据类型返回
        i = "abc"
        // alert(typeof (i));

        var a = 12;
        var b = "abc";
        // alert(a*b); // 语法上不报错，但结果为NaN,非数字非数值

        var c = 12;
        var d = "12"
        alert(c==d);// true
        alert(c===d);// false

    </script>

数组

不给指定下标的数组赋值，默认为undefined
不给数组赋值，数组长度默认0

<head>
    <meta charset="UTF-8">
    <title>js数组</title>
    <script type="text/javascript">
        var arr = [];
        alert(arr.length);//不给数组赋值，数组默认长度0
        arr[0]=12;
        alert(arr[0]);
        arr[2]="abc";
        alert(arr.length);//3
        alert(arr[1]);// undefined
        for (var i=0;i<arr.length;i++){
            alerhant(arr[i]);
        }
        arr[3]=null;
        alert(arr[3]);// null
        alert(arr.length);// 4
    </script>
</head>
<body>

</body>

函数

一. 函数第一种调用方式
function 函数名(){}

<head>
    <meta charset="UTF-8">
    <title>js函数</title>
    <script type="text/javascript">
        // 无参函数
        function wucanfangfa() {
            alert("无参函数wucanfangfa()被调用了才会执行");
        }
        wucanfangfa();
        // 有参函数
        function f2(a,b) {
            alert("有参函数f2()被调用了a="+a+"..."+b);
        }
        f2(1,2)
        // 带返回值函数，在函数体内直接return返回值
        function sum(num1,num2){
            var result = num1+num2;
            return result;
        }
        var res = sum(1,3);
        alert(res);
    </script>
</head>
<body>

</body>

二. 函数第二种调用方式
var 函数名 = function(){}

<head>
    <meta charset="UTF-8">
    <title>js函数第二种定义</title>
    <script type="text/javascript">
        // 无参函数
        var f1 = function () {
            alert("var f1 = function(无参函数){}");
        }
        // 有参函数
        var f2 = function (a,b) {
            alert("有参a="+a+"b="+b);
        }
        // 带返回值函数
        var f3 = function (num1,num2) {
            return res = num1+num2;
        }
        f1();
        f2(1,10);
        let f = f3(1,9);
        alert(f);

    </script>
</head>
<body>

</body>

程序彤

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb之JavaScript全脑图（Day01）

JavaScript介绍主要完成页面的数据验证。运行在客户端，需要运行浏览器来解析执行JavaScript代码JS 弱类型java 强类型特点1.交互性（信息的动态交互）2.安全性（不允许直接访问本地磁盘）3.跨平台性（大多浏览器都有js解释器）JavaScript和html结合方式在head中声明script在head中使用script引入js文件变量变量类型数值类型 number字符串类型 string对象类型 object布尔类型 boolean函数类型 fun
复制链接

扫一扫