JavaScript介绍

特点:

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));

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哑笑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值