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