初学1_js的一些基本语法(变量、数据类型、运算符与逻辑语句)_学习笔记


button.html




    
    
    



    
                           
    

js基本语法
    1.变量
        用var定义
            var x=5;
            var a="hey js!";
            var b=true;
        直接声明
            y=6
    2.原始数据类型
        
        number:数字类型
        string:字符串类型
        boolean:布尔类型
        null:空类型
        underfine:未定义

        注意:number\boolean\string是伪对象

        类型转换:
            alert(typeof a.tostring());

            number\boolean转成string
                tostring();

            alert(typeof parseInt(x));

            string\boolean转成number
                parseInt()
                parseFloat()
                boolean不能转
                string可以将数字字符串转换成number eg:"844xasas655"转成844
            强制转换
                var b=123;
                var x=true;
                var y="123";
                alert(Boolean(b));  结果是true

                Boolean()   强转成布尔,数字强转时,非0则为true,字符串强转成布尔型时,非空则为true
                Number()    强转成数字,布尔强转时,true则为1, 字符串转数字时不能强转。
    3.引用数据类型
        var obj=new object();
            alert(typeof obj);
        var num=new Number();
    4.运算符
        赋值运算符
            var a=5;
        算术运算符
            + - * / %
            var a=5
            var b="123";
            alert(a+b);     结果是5123   +遇到字符串变成连接
            alert(b-a);     结果是118    -先把字符串转成数字再进行下一步运算
                                        *先把字符串转成数字再进行下一步运算
                                        /先把字符串转成数字再进行下一步运算
            alert(1356/100*100);        结果是1356
        逻辑运算符
            && ||
        比较运算符
            > < >= <= != =
            === 全等
            var x=10;
            var b="10";
            alert(x===b);   结果是false 类型不一样
        三目运算符
            alert(3>2?"大于":"小于");
        void运算符
            kkkk      点击不跳转
        类型运算符
            var obj=new Object();
            alert(typeof obj);              结果是objec
            alert(obj instanceof Object);   结果是true
            typeof:判断数据类型     返回我的数据类型
            instanceof:判断数据类型 返回true或false,返回一个是否是这个类型
    5.逻辑语句

        if-else
            条件:数字非0 字符串非空都为true
            if(true){
            alert("true...");
            }
            else{
            alert("false...");
            }

        switch
            var x="java";
            switch(x){
                case "css"
                    alert("css");
                    break;
                case "js"
                    alert("js");
                    break;
                default:
                    alert("java");

            }

        for
            for(int i=0;i<5;i++){
                alert(i);
            }

        for in
            var arr=[1,3,5,7,"js"];
            for(index in arr){  //index代表角标
                alert(index);
                alert(arr[index]);
            }







demo.js
/**
 * Created by Cccccc on 2018/5/2.
 */
alert("bbb");





你可能感兴趣的:(html+css+js)