Javaweb-javascript

javascript的快速入门

        用<script>标签来包裹

<script> 
	//....
<script>

      导入外部js文件

                导入后可以使用js中的方法和变量

<script src="main.js"></script>

      变量的定义

                基本变量的类型：number、字符串类型、布尔值类型

        /*number常量*/
        var age=20;
        var number=3.14;
        var number2=-5;
        var number3=NaN;
        /*字符串常量 单引号或者双引号包裹*/
        var email="1740046225@qq.com";
        var name='ztx';
        var msg =
            `hello
            world
            你好呀
            nihao
            `;
        /*布尔类型*/
        var istrue=true;
        var isfalse=false;

                引用变量的类型

        /*数组类型和多维数组*/
        var arr=[1,2,"hello",true];
        let array = new Array(1,2,"hello");
        var arrs=[[1,2],[3,4]]
         /*数组取值*/
        //通过元素索引下标
        let number1 = arr.indexOf(1);
        //通过下标索引元素
        let arrElement = arr[0];
        //arr.sort()排序
        //reverse()元素反转
        /*定义对象类型并取值*/
        var person={
            name:"小曾",
            age:20,
            sex:"男",
            hobby:["篮球","lol"]
        }
        var personmsg=`name,${person.name} 爱好是 ${person.hobby}`
        console.log(personmsg)
        /*map类型*/
        var map=new Map([['大学','湖南某大学'],[12,34],['ztx','180370040']])
        //map.set(key,value)方法来添加值
        //map.delete(key)来删除值
        /*set类型 只能存储不一样的元素*/
        var set=new Set([1,1,2,3]);
        console.log(set)

        if-else

        if(age>18&&age<22){
            console.log("读大学ing.....")
        }else if (age<18){
            console.log("未成年")
        }else {
            console.log("参加工作")
        }

        while循环

        /*while循环*/
        while (age<25){
            console.log(age);
            age++;
        }

        for循环

        /*for循环*/
        for (let i = 0; i <10 ; i++) {
            console.log(i);
        }

        forEach方法   for-in方法

        /*forEach*/
        arr.forEach(function (value){
            console.log(value);
        })
        for (const index in arr) {
            console.log(index);
            console.log(arr[index])
        }
        for (const key in person) {
            console.log(person[key])
        }

        函数方法的定义

         /**
         * 定义函数方法
         * var 方法名=function（）{
         *
         *     方法体
         * }
         */        
        var fun1=function (a,b){
            return a+b;
        }
        var fun2=function (){
            console.log("方法执行完毕")
        }
        fun2();

JavaScript中Date类及其方法

         JSON

        /*JSON*/
        var  user={
            name:"ztx",
            age:23,
            sex:"男"
        }
        var string2json =JSON.stringify(user);
        var json2string =JSON.parse(string2json);
        console.log(string2json);
        console.log(json2string);

         /**
         *    JSON字符串 此时的JSON对象已经变成一个字符串
            {"name":"ztx","age":23,"sex":"男"}
                
              JS对象 此时的JS对象还是可以展开的状态
            {name: "ztx", age: 23, sex: "男"}
            age: 23
            name: "ztx"
            sex: "男"


         */

        JavaScript中面向对象的思想 

             封装  继承 多态

<script>
	
	//定义一个学生的类
	class Student{
		constructor(name){
			this.name = name;
		}
		hello(){
			alert('hello');
		}
}

	class XiaoStudent extends Student{
		constructor(name,grade){
			super(name);
			this.grade = grade;
		}
		myGrade(){
			alert('我是一名小学生');
		}
	}

	var xiaoming = new Student("xiaoming");
	var xiaohong = new XiaoStudent("xiaohong",1);
</script>