JavaScript基础语法

ps:区分大小写,//(注释)
一 输出语句

点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    window.alert("hello js~");//写入警告框 window.可省略

    document.write("hello js 2~");//写入html页面

    console.log("hello js 3");//写入浏览器的控制台
</script>
</body>
</html>
二 变量&数据类型
点击查看代码
1.变量
  组成字符可以是任何字母、数字、下划线(_)或美元符号($)
  数字不能开头
  建议使用驼峰命名
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
 /*   var test = 20;
    test = "张三";
    alert(test);*/
    /*var:
            1. 作用域:全局变量
            2. 变量可以重复定义
    *let
            1.只在键字所在的代码块内有效
            2.不允许重复声明。
    */
    {
        let age = 30;
        let age2 = 20;
        //var age = 20;
    }
    alert(age);
    const PI = 3.14;
    //PI = 3;
</script>
</body>
</html>

2.数据类型
  原始数据类型:
  number:数字(整数、小数、NaN(Not a Number))
  string:字符、字符串,单双引皆可      
  boolean:布尔。true,false
  null:对象为空
  undefined:当声明的变量未初始化时,该变量的默认值是 undefined

三 运算符(与Java几乎相同)
点击查看代码
==:
1. 判断类型是否一样,如果不一样,则进行类型转换
2. 再去比较其值
===:js 中的全等于
1. 判断类型是否一样,如果不一样,直接返回false
2. 再去比较其值

类型转换:
            * 其他类型转为number:
                1. string: 按照字符串的字面值,转为数字.如果字面值不是数字,则转为NaN。一般使用parseInt
                2. boolean: true 转为1,false转为0

            * 其他类型转为boolean:
                1. number:0和NaN转为false,其他的数字转为true
                2. string:空字符串转为false,其他的字符串转为true
                3. null:false
                4. undefined:false
四 流程控制语句(与Java相同)

五 函数(方法)

点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
   /*function add(a,b){
       return a + b;
   }
   var result = add(1,2);
   alert(result);*/
   var add = function (a,b){
       return a + b;
   }
   var result = add(1,2);

   var result1 = add(1,2,3);
   // alert(result1)

   var result2 = add(1);
   alert(result2);

   //alert(result);
</script>
</body>
</html>
posted @ 2024-11-02 21:27  QixunQiu  阅读(3)  评论(0编辑  收藏  举报