菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
0
0

JavaScript基础语法

原创
05/13 14:22
阅读数 172

书写语法

1.区分大小写:与Java一样,变量名、函数以及其他一切都是区分大小写的
2.每行结尾的分号可有可无
3.注释:
单行注释://注释内容
多行注释:/注释内容/
4.大括号表示代码块

if(count == 3){
alert(count);
}

输出语句

1.使用window.alert()写入警告框
2.使用document.write()写入HTML输出
3.使用console.log()写入浏览器控制台

window.alert("helloJS");//弹出警告框
document.write("helloJS");//写入HTML
console.log("helloJS");//写入控制台

变量

JavaScript中用var关键字(variable的缩写)来声明变量

var test=20;
test="张三";

JavaScript是一门弱类型语言,变量可以存放不同类型的值

变量名需要遵守以下规则

组成字符可以是任何字母、数字、下划线或美元符号
数字不能开头
建议使用驼峰命名
ECMAScript6新增了let关键字来定义变量,它的用法类似于var,但是所声明的变量,只在let关键字所在的代码块有效,且不允许重复声明
ECMAScript新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变

数据类型

JavaScript中分为:原始类型和引用类型
5种原始类型:
-number:数字(整数、小数、NaN(not a number))
-string:字符,字符串,单双引皆可
-boolean:布尔,true,false
-null:对象为空
-undefined:当声明的变量未初始化时,该变量的默认值是undefined
使用typeof运算可以获取数据类型

alert(typeof age);

运算符

-一元运算符:++,–
-算数运算符:+,-,*,/,%
-赋值运算符:=,+=,-=
-关系运算符:>,<,>=,<=,!=, == ,===
-逻辑运算符:&&,||,!
-三元运算符:条件表达式?true_value:false_value

    <script>
        /*
        ==:
            1.判断类型是否一样,如果不一样,则进行类型转换
            2.再去比较其值
        ===:全等于
             1.判断类型是否一致,如果不一样,直接返回false
         */
        var age1 = 20;
        var age2 = "20";
     
        // alert(age1==age2);
        // alert(age1 === age2);
        /*
         类型转换:
         *其他类型转为number:
         * 1.string:按照字符串的字面值转为数字,如果字面值不是数字,则转为NaN.一般使用parseInt来转换
         * 2.boolean
         *其他类型转为boolean:
         *1.number 0和NAN转为false 其他转为true
         *2.String 空字符串转为false,其他字符串转为true
         *3.null 转为false
         *4.undefined 转为false
         */
        // var str=+"abc";
        // alert(str);//NAN
        // var str=+"20";
        // alert(str+1);
        // var str="20";
        // alert(parseInt(str)+1);
     
        // var flag = +true;
        // alert(flag)//1  false 0
     
        // var flag=0;
        // var flag="abc";
        // if(flag){
        //     alert("转为true");
        // }else {
        //     alert("转为false");
        // }
        var str = "abc";
     
        //健壮性判断
        // if (str != null && str > 3) {
        if (str) {
            alert("转为true");
        } else {
            alert("转为false");   
        }
    </script>

流程控制语句

if:
switch:
for:
while:
do…while

     // //1.if
        // var count=3;
        // if(count==3){
        //     alert(count);
        // }
       //2.switch
       //  var num=3;
       //  switch (num){
       //      case 1:{
       //          alert("星期一");
       //          break;
       //      }
       //      case 2:{
       //          alert("星期二");
       //          break;
       //      }
       //      case 3:{
       //          alert("星期三");
       //          break;
       //      }
       //      case 4:{
       //          alert("星期四");
       //          break;
       //      }
       //      case 5:{
       //          alert("星期五");
       //          break;
       //      }
       //      case 6:{
       //          alert("星期六");
       //          break;
       //      }
       //      case 7:{
       //          alert("星期七");
       //          break;
       //      }
       //      default:{
       //          alert("输入有误");
       //          break;
       //      }
       //  }
     
        //3、for循环
        // let sum=0;
        // for (let i = 1; i <= 100; i++) {
        //     sum+=i;
        // }
        // alert(sum);
     
        //4、while
        // var sum=0;
        // var i=1;
        // while(i<=100){
        //     sum+=i;
        //     i++;
        // }
        // alert(sum);
     
        //5、do...while
        var sum=0;
        var i=1;
        do{
            sum+=i;
            i++;
        }while (i<=100);
        alert(sum);

函数

函数(方法)是被设计为执行特定任务的代码块
定义:JavaScript可以通过function关键词进行定义,语法为:

function functionName(参数1,参数2...){
要执行的代码
}

注意:
1.形式参数不需要类型,因为JavaScript是弱类型语言
2.返回值也不需要定义类型,可以在函数内部直接使用return返回即可

function add(a,b){
return a+b;
}

调用:函数名称(实际参数列表);

let result=add(1,2);

      // let add1 = add(2, 6);
        //
        // function add(a, b) {
        //     return a + b;
        // }
        //
        // alert(add1);

        //第二种定义格式
        var add = function (a, b) {
            return a + b;
        }
           let add1 = add(1,2);
        alert(add1);
     
        //调用 JS中,调用函数可以传递任意个数参数

发表评论

0/200
0 点赞
0 评论
收藏