【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的语法看起来非常的多样

 

posted @ 2020-06-13 08:42  emdzz  阅读(133)  评论(0编辑  收藏  举报