JavaScript介绍

最新推荐文章于 2024-07-28 20:27:10 发布

哑笑

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量1.1k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_52994227/article/details/122703182

版权

特点：

1.js弱类型，java强类型

<!--  现在需要使用script引入外部的js文件来执行
      src 属性专门用来引入js文件路径（可以是相对路径，也可以是绝对路径

      script标签可以用来定义js代码，也可以用来引入js文件
      但是两个功能二选一使用，不能同时使用这两个功能-->

弱类型就是类型可变；

强类型就是定义变量的时候，类型已确定，而且不可变

1.交互性：它可以做的事就是信息的动态交互

2.安全性：不允许直接访问本地硬盘

3.跨平台性：只要是可以解释js的浏览器就可以执行，和平台无关

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
    //alert是JavaScript语言提供的一个警告框函数
    //它可以接收任意类型的参数，这个参数就是警告框的提示信息
    alert("hello.javaScript");

  </script>
</head>
<body>
</body>
</html>

JavaScript的变量类型：

数值类型：number

字符串类型：String

对象类型：object

布尔类型：boolean

函数类型：function

JavaScript里特殊的值：

undefined 未定义，所有js变量未赋于初始值的时候，默认值都是undefined

null 空值

NAN 全称是：Not a Number。非数字，非数值。

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


    i = "avc";
    alert(typeof(i))//String


    var a= 12;
    var b = "abd";
    alert(a*b)//NAN 非数字，非数值。
  </script>
</head>
<body>

</body>
</html>

关系比较运算：

等于： == 等于是简单的数字面值的比较

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

逻辑运算：

且运算：&& （java中两个为真才为真）

或运算：|| （java中一个为真就为真）

取反运算：！（真>假‘；假>真）

在javaScript语言中，所有的变量，都可以作为一个Boolean类型的变量去使用

0、null、underfined、""(空串)都认为是false

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逻辑运算</title>
  <script type="text/javascript">
    // 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("空假");
    // }

  /* &&且运算，有两种情况：
  * 1.当表达式全为真的时候，返回最后一个表达式的值
  * 1.当表达式中，有一个为假的时候，返回第一个为假的表达式的值*/
    var a = "abd";
    var b = true;
    var c = false;
    var d = null;
    // alert(a && b);//true
    // alert(a&&c);//false
    // alert(a&&d);//null
    // alert(a&&b&&c);//false
    /* ||或运算，有两种情况：
    * 1.当表达式全为假时，返回最后一个表达式的值
    * 2.只有一个表达式为真，就会返回第一个为真的表达式的值*/
    alert(c||d);//false
    alert(d||c);//null
    alert(a||b);//abd

  </script>
</head>
<body>

数组：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组</title>
  <script type="text/javascript">
    var arr = [];//定义一个空数据
    // alert(arr.length);//0

    arr[0] = 12;
    // alert(arr[0]);//12
    // alert(arr.length);//1
// JavaScript语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作
    arr[2] = "abc";
    // alert(arr.length);//3
    // alert(arr[1]);//undefined
    //数组的遍历
    for (var i = 0; i<arr.length;i++){
      alert(arr[i]);
    }
  </script>
</head>
<body>

</body>
</html>

函数的第一种定义方式：

第一种，使用function关键字来定义函数

使用格式如下：

function 函数名（形参列表）{

函数体

}

<script type="text/javascript">
        function fun(){
            alert("无参函数执行了");
        }
        fun();
        function fun1(a,c){
            alert("有参函数执行了a"+a+",b"+c);
        }
        fun1(12,"abd");

在javaScript语言中，带有返回值的函数，只需要在函数体内直接使用return语句返回值即可

        function sum(num1,num2){
            var result = num1 + num2;
            return result;
        }
        alert(sum(120,80));

函数的第二种定义方式

var 函数名 = function（形参列表）（函数体）

  <script type="text/javascript">
    var fun = function (){
      alert("无参函数");
    }
    fun();


    var fun1 = function (num1,num2){
      alert("有参函数啊a="+num1+",b="+num2);
    }
    fun1(10,15);

    var sum = function (a,b){
      return a+b;
    }
    alert(sum(20,80));
  </script>

Js不允许函数重载：

  <script type="text/javascript">

    function fun(num1,mum2){
      alert("有参函数执行另了");
    }
    function fun(){
      alert("无参函数执行了");
    }
    fun(2,"d");
  </script>

函数的arguments隐形参数（只在function函数内）：

就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量

隐形参数特别像java基础可变长参数一样

public void fun（Object。。。args）；

可变长参数他是一个数组。

那么js中的隐形参数也跟java的可变长参数一样，操作类是输出

  <script type="text/javascript">
    function fun(){
      // alert(arguments.length);//arguments.length可以查看参数个数

      // alert(arguments[0]);
      // alert(arguments[1]);
      // alert(arguments[2]);

      // 也可以用遍历
      for (var i = 0; i < arguments.length; i++) {
        alert(arguments[i]);
      }
      alert("无参函数fun（）");
    }
    fun(2,3,"dd");

1.编写一个函数，用于计算所有参数相加的和并返回

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

】