2021-02-05

最新推荐文章于 2024-11-12 11:19:19 发布

Master乔治

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量283

点赞数

分类专栏： JavaWeb 文章标签： javascript js

本文链接：https://blog.csdn.net/qq_46037206/article/details/113675650

版权

JavaWeb 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文档介绍了JavaWeb学习中的JavaScript基础知识，包括基本语法、变量类型、逻辑运算、数组定义及函数的两种调用方式。深入讲解了变量定义、比较运算符、数组操作和函数的使用，适合初学者快速上手。

摘要由CSDN通过智能技术生成

JavaWeb 学习

前言

小马🐎同学的整理

二、JavaScript学习

1.基本语法

第一种表达方式基本格式： 直接定义

<!DOCTYPE html>
	<html lang="en">
	<head>
    	<meta charset="UTF-8">
   		<title>Title</title>
    	<script type="text/javascript">
       		alert("hello JavaScript");
    	</script>
	</head>
<body>
</body>
</html>

在网页中head头部信息中加入script即可：

	alert 是JavaScript语言提供的一个警告框函数
    //它可以接受任意类型的参数，这个参数就是警告框的提示内容1

第二种表达方式的语法格式： 导入script引入外部标签

 <script type="text/javascript" src="1.js">

注：两者任选其一，不能同时定义。

最终显示结果是：
在这里插入图片描述

2.变量

JavaScript 中的数据类型:

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

JavaScript 中的特殊值：

			undefined    未定义，所有js变量位符于初始值的时候，默认值都是undefed
           	null         空值
           	NAN          全称是：Not a Number 非数字，非数值

JS中的定义变量：

               var 变量名
               var 变量名=值

特殊的关系（比较运算）：

		等于：     ==  等于是简单的做字面值得比较
        全等于：   ===  除了做字面值的比较之外，还会比较两个变量的数据类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" >
        var i;
       // alert(i);//undefined
        i=12;
        //typeof ()是JavaScript语言提供的一个函数，
        //它可以去变量的数据类型返回
        alert(typeof (i))
    </script>
</head>
<body>
</body>
</html>

3.逻辑变量

基本语法格式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var a = "abc";
        var b = true;
        var c = null;
        var d = false;
    </script>
</head>
<body>
</body>
</html>

在JavaScript语言中，所有的变量，都可以做为一个boolean类型的变量使用如： 0 null undefined “”（空串）都认为是false

 		var a=0;
        if(a){
             alert("零为真");
        }else {
             alert("零为假")
         }

         var b=null;
         if(b){
             alert("null为真");
         }else {
             alert("null为假")
         }

         var c=undefined;
         if(c){
             alert("undefined为真");
         }else {
             alert("undefined为假")
         }
        
         var d="";
         if(d){
             alert("空串为真");
         }else {
             alert("空串为假")
         }

&&且运算：

	第一种：当表达式权威真的时候，返回最后一个表达式的值。
    第二种：当表达式中，有一个为假的时候，返回第一个为佳的表达式的值

		 alert(a && b);//true
         alert(b && a);//true--->abc
         alert(a && c);//false-->c是第一个为假的表达式-->null
         alert(a && d);//false-->d是第一个为假的表达式

||或运算：

    第一种：当表达式全为假时，返回最后一个表达式的值
    第二种：值要有一个表达式为真，就会返回第一个为真的表达式值

		alert(d ||c);//false-->null
        alert(c || d);//false -->false
        alert(a || c);//true-->abc
        alert(b || c);//ture-->true

并且&& 和 || 有短路：短路就说，当这个运算有结果以后，后面表达就不在执行。

4.数组定义

数组定义的方式：

   		var     数组名 = []
    	var     数组名 = [1,'abc',true]定义数组元素值

		var arr = [];
        arr[0] =12;
        //alert(arr[0]);
        //alert(arr.length);
        //JavaScript语言中的数组，只要我们通过数组下表赋值，那么最大的下标志，就会自动给数组做扩容

数组的遍历：

		arr[2]="abc";
        alert(arr.length);
        //数组的遍历
        for(var i =0;i<arr.length;i++){
            alert(arr[i])
        }

5.函数的定义

函数调用有两种形式：

	1. 格式如下：
    	function 函数名（形参列表）{
    		函数体
   		 }
    在JavaScript语言中，如何定义一个带有返回值的函数：
    	只要在函数体中添加return语句就行
 	2.格式如下：
    	var 函数名 = function[形参列表]{函数体}

定义一个无参函数:

第一种第一方式/第二种定义方式
        //
        function fun(){
            alert("无参函数被调用");
        }
        var fun=function(){alert("无参函数被调用");}

        fun();

定义一个有参函数:


        function fun2(a,b){
            alert("有参函数fun2（）被调用:a= "+a+" b= "+b);
        }
        var fun2=function(a,b){alert("有参函数fun2（）被调用:a= "+a+" b= "+b);}

        fun2(12,3);

带返回值的函数:

 function sum(num1,num2){
            var result = num1+num2;
            alert (result);
        }
        var sum=function(num1,num2){
            var result = num1+num2;
            alert (result);}
        alert(sum(1,50));

隐形参数arguments:


        	function fun(){
            alert(arguments.length);
            alert(arguments[0]);
            alert(arguments[1]);
            alert(arguments[2]);
            alert("无参数函数fun()");
            for (var i=0;i<arguments.length;i++){
                alert(arguments[i]);
            }
        }
        fun(1,"ad");

需求：要求写一个参数，用于计算所有参数相加和并且返回:

 	function sum(num1,num2){
            var result=0;
            for(var i=0;i<arguments.length;i++){
                if(typeof arguments[i] == "number")
                    result +=arguments[i];
            }
            return result;
        }
        alert(sum(1,2,3,4,5,6,8,9));
        alert(sum(1,2,3,"abc",5,6,7));