CGB2111开班第二十八天

【说明】

凡是写在 [ # ] 这个符号中的内容可写可不写,根据业务需求来理解

JavaScript概述

事件驱动

入门程序

1、JS代码建议放在body标签最下面(html代码加载顺序从上到下)。

2、JavaScript组成:

        JavaScript = ECMA基本语法 + DOM + BOM。

        a、ECMA基本语法:指的类型的定义,变量的定义,语句的定义等等。

        b、DOM:Document Object Model 文档对象模型(指的很多dom对象)。

                DMO的作用:操作标记性文档,目前标记性文档就是HTML(XML)。

        c、BOM:Browser Object Model 浏览器对象模型。

                BOM的作用:操作浏览器,开发者:安装IE、Chrome、FireFox(检查前端代码的兼容性)。

JavaScript和Java的区别

        Java是一门面向对象、强类型的编程语言。

                面向对象:指的是先创建对象,然后通过对象操作属性以及调用方法。

                强类型:指的定义变量必须先声明变量的数据类型。

        JavaScript是一门基于对象的编程语言,是一门弱类型的编程语言。

                 基于对象:指的对象已经内置好(提前创建好了)。

                 弱类型:指的定义变量时,不用指定类型。   (实际开发中通常使用var(variable)来表示任意类型。 例如:var a = 10; var b = "你好,世界";)。

        总结:JavaScript语言的设计有Sun公司的专家参与,所以JavaScript与Java的语法很相像,但是没有任何关系。

总结:

        JavaScript一门客户端脚本语言,同时也是基于对象和事件驱动的一门客户端脚本语言。

        JavaScript一门弱语言编程语言,建议使用var来表示类型,语法不是很严谨。

        JavaScript语法书写和java很相似,严格区分大小写,每行代码结束建议使用分号。

        JavaScript = 基本语法 + DOM + BOM。

JavaScript的基本语法

        语法语法:和java很相似,区分大小写,每行结束用分号结束。

        JavaScript类型:

                1、原始类型:Underfined(未定义,指的是没有赋值)、boolean、number、string、null。

                【注意事项】

                        a、所有类型都用var来表示,可以利用typeof()判断变量是什么类型。

                2、引用类型:Boolean、String、Number、Array...

                【注意事项】

                        可以使用创建对象的方式,进行类型转换。

变量和常量

        变量:

                全局变量:在函数外部定义,可以在任意位置使用。

                        var a = 10;

                局部变量:在函数内部定义吗,只能在当前方法内部使用,其它地方不能使用。

                        let b = 20;

        常量:

                定义常量的关键字:const

                一般在函数外定义常量。

运算符

       算术运算符

                

       自增自减运算符

       赋值运算符

       比较运算符

                ==:比较数据值是否一样。

                ===:即比较数据类型是否一样,也比较数据值是否一样。

       逻辑运算符

       三元运算符

流程控制语句:

        1、顺序结构语句

                特点:代码执行时,从上往下依次执行。

        2、分支结构语句

                特点:代码执行时,只执行符合条件的分支语句。

        3、循环结构语句

                特点:反复执行一段代码。

                a、for循环

                        语法格式:for(定义初始语句; 条件语句; 条件控制语句){循环体}

                b、while循环

                        语法格式:定义初始语句; while(条件语句){循环体; 条件控制语句;}

                c、do-while循环

                        语法格式:定义初始语句; do{循环体; 条件控制语句;}(条件语句);

函数

        函数概述:函数指的是将具有独立功能的代码封装在一起,这些代码构成函数了。

        定义函数(方法):

                普通函数:

                        语法格式:

                                       function 函数名称( [ #参数列表] ){ 方法体; }

                匿名函数:

                        语法格式:

                                        var 变量名 =  function( [ #参数列表] ){方法体; }

                动态函数:

                        语法格式:

                                        var 函数名称 = new function("方法的参数", "方法体");

数组

        数组概述:

                java里面(强类型):数组是用来存储相同数据类型的“容器”;

                JavaScript(弱类型):数组是用来存储多个数据的"容器";

        定义数组:

                静态初始化数组:指的在创建数组,就要给数组赋值。

                        var arr = [值1, 值2, ...];

                动态初始化数组:指的创建一个指定长度的数组,然后再赋值。

                        var arr = new Array(指定数组的长度);

        数组特点:

                1、数组中的数据类型都是任意的。

                2、数组的长度不是固定的。

                3、数组的长度 = 数组的最大索引值 + 1

        数组的属性:

                length属性:获取数组的长度。

你可能感兴趣的:(达内培训期间所学的知识,前端,javascript,html)