zoukankan      html  css  js  c++  java
  • 【JS】02 基础语法

    JS的引入方式:

    第一种:

      就是我们在HTML标签中使用script标签,然后在这个标签中可以书写JS代码

      type="text/javascript"  可以不用写,浏览器会根据脚本标签的内容自动解析为JS脚本,但是为了开发的规范还是写上更好

    第二种:

      使用JS文件,然后HTML导入

      导入依然使用script标签,加入一个src属性,并写上指向一个JS文件的路径

      JS文件的内容就是第一种在script标签中的内容是一模一样的

      

    第三种:

      在一些触发按钮标签中绑定JS事件函数,具体怎么写已经忘了。。。。

    关于面向对象程序设计的特性:

    JS是否是一个面向对象的语言?

    JS并不算是一个面向对象的语言,但是可以向面向对象一样进行编写,

    这是因为JS的语言本身可以按照面向对象方式进行开发。

    例如下面的这个例子:

        class AClass{
    
            constructor(param1,param2) {
                this.name = param1;
                this.age = param2
            }
    
            method1(){
                console.log("这是AClass实例的method方法,输出属性参数: name = " + this.name + " age = " + this.age )
            }
        }
    
        let aObject = new AClass("阿伟",12);
    
        aObject.method1();

    结果:

    JS数据类型:

    基本数据类型:

    - 布尔,真或假,TRUE & FALSE

    - 数字,JS是一个弱类型的语言,整数和小数统一为数字类型

    - 字符串,JS中没有字符的概念,即1个字也是字符串

    - Null,和Java一样表示空

    - Undefined,这是特殊的类型,表示未定义【未定义 不等于 空 !!!】

    关于空&未定义的理解:

    空也可以表示为一种存在,未定义则是存在这个条件都不具备

    但是两者表示为空,感觉是因为未定义的范围大于空,

    所以返回类型是空可以表示是未定义,也可以表示空

    引用数据类型:

    - 数组,数组是否是支持不同类型的数据我都忘记了,但是JS的数组是可变化的

    - 对象

    JS变量的定义:

    ES5标准:

    var

    ES6标准:

    let const

    为什么不一样?ES5的变量不规范,

    var允许重复声明,并在重复声明的基础上重复赋值,而且浏览器的解析是允许这么做的

    但是这样会造成变量的误解,开发很容出现问题

    为了解决这个问题,ES6出了新的变量标准,使用LET & CONST 以保证解析报错提示

    声明变量并赋值

    var i = 100

    弱类型语言的特点是根据值来决定数据类型

    与其相反,强类型语言是根据变量的数据类型决定值的数据类型

    方法的声明和调用

        function method() {
            console.log("this method has been invoke!!!")
        }
        
        method();

    方法可以写参数列表,没有数据类型限制,只需要变量的名称即可

    带参方法在调用的时候,甚至可以不注入参数使用

    JS中方法还可以这样声明,似乎方法也是一个对象???

        let method02 = function () {
            console.log("the method02 has been invoke!!!")
        }
    
        method02();

    另外方法需要返回一些数值,不需要声明方法的返回值的数据类型,因为是弱类型语言

    要返回只需要return + 表达式或者数值即可

    return方法有两种意思,第一是代表方法的结束

    第二种是返回数据

    声明数组:

    以构造器的形式声明数组:

    let array = new Array();

    使用JS写好的数组方法声明数组【是构造器的简化】

    let array = Array();

    数组在JS中使用[ ]来表示,所以我们还可以使用[ ]来声明一个数组

    这也是JS简化了编写,这三种方式都是一样的

    let array = [];

    JS的数组可以不同数据类型,且长度可以变化

    let array = [1,true,"字符串"];

    流程控制:

    IF - ELSE 分支判断

        if (2 > 1) {
            // JS的IF - ELSE没有ELSE IF
        } else {
            
        }

    Switch等值判断:和Java没区别

    在JS这个弱类型语言,值的范围似乎比Java更宽泛,能使用的值更多

        let d = 10;
        
        switch (d) {
            case 2:
                alert(d + 2);
                break;
            case 4:
                alert(d + 4);
                break;
            case 8:
                alert(d + 8);
                break;
            case 10:
                alert(d + 10);
                break;
            default:
                alert("no equals")
        }

    循环和遍历:

        let array = [1,3,5,7,9,11,33,55,77,99,111,333,555,777,999];
    
        for (let i = 0; i < array.length; i++) {
            document.write(array[i] + "</br>");
        }

    使用增强For来遍历:

    let obj = {
        k1:"value1",
        k2:100,
        k3:[10,25,true],
        key: function () {
            console.log("asa")
        }
    }
    
    for (const objKey in obj) {
        document.write(obj[objKey] + " </br>")
    }

    这个objkey只是一个obj的属性名的变量

    如果打印objkey就是输出obj变量的key键名称

    JS对象:

    JS的对象的形态多样,从语法上面判断是否为对象是一件困难的事情

    方法可以是对象,声明的大括号变量也可以是一个对象

    对象允许组合,所以JS的语法看起来非常的多样

  • 相关阅读:
    js代码细嚼慢咽
    HTML知识点记录

    css知识点
    算法第五章作业
    算法第五章上机实践报告
    算法第四章上机实践报告
    算法第四章作业
    算法第三章上机实践报告
    算法第三章作业
  • 原文地址:https://www.cnblogs.com/mindzone/p/13111421.html
Copyright © 2011-2022 走看看