第一,数据类型。Javascript的数据类型主要分为基本类型和引用类型。基本类型包括:number、string、boolean、null、undefined、symbol;引用类型包括:Object和Function。值得注意的是,用typeof查看引用类型会返回object而非Object。
//可通过typeof检查JS中各种数据类型typeof 123 //numbertypeof "string" //stringtypeof false //booleantypeof undefined //undefinedtypeof null //objecttypeof {} //objecttypeof [] //objecttypeof function(){} //function
第二,运算符与表达式。Javascript中运算符与表达式有许多种类,如算术运算、赋值运算、比较运算、逻辑运算、位运算等等。
//Javascript中针对运算符也有一定规则1 + 2 //3"hello" + " world" //"hello world"3 > 2 //truetrue && false //false0b0101 & 0b0011 //0b0001
第三,流程控制语句。Javascript中流程控制语句包括if语句、while语句、for语句、do-while语句、switch语句等等。其中,if语句可通过else和else if语句控制多种情况。
//流程控制语句可判断多种情况var n = 10;if(n > 10){console.log("n > 10!");}else if(n < 10){console.log("n < 10!");}else{console.log("n = 10!");}<br>for(var i = 0; i < 10; i++){console.log(i);}
第四,函数。Javascript中的函数是可重复使用的代码块。函数的定义可采用函数表达式和函数声明两种方法。函数可接收与返回参数。
//Javascript函数定义与传递参数function greet(name){console.log("hello, " + name + "!");}greet("Tom");<br>var add = function(a, b){return a + b;}var result = add(1, 2);console.log(result);
第五,变量。Javascript中除了字符串和数字可以不声明变量就使用以外,其他变量前缀都需要var来声明。全局变量可用window.变量名或者直接变量名调用,而局部变量则只能通过函数范围内调用。
//Javascript中全局和局部变量的定义var a = 10;//全局变量function test(){var b = 11;//局部变量}window.a;//10window.b;//undefined
第六,数组。Javascript的数组是一种有序的集合,可以存储任意数据类型。数组下标从0开始,长度可随时调整。
//Javascript中数组的定义与操作var arr1 = [];//空数组var arr2 = [1, 2, 3];//数字数组var arr3 = ["a", "b", "c"];//字符串数组 <br>console.log(arr1.length);//0arr1.push(1);//添加元素console.log(arr1.length);//1arr1.pop();//删除元素console.log(arr1.length);//0
第七,对象。Javascript的对象是一种包含数据和操作行为的集合,用于模拟复杂问题。对象可包含一组键值对,也可有函数作为属性,使用花括号{}包含。
//Javascript中对象的定义与属性操作var obj1 = {};//空对象var obj2 = {name: "Tom", age: 18};//带属性的对象<br>console.log(obj2.name);//Tomobj2.gender = "M";//添加属性console.log(obj2.gender);//Mdelete obj2.age;//删除属性console.log(obj2.age);//undefined
第八,事件。Javascript中的事件指的是在网页上发生的动作,如鼠标点击、键盘敲击、窗口大小改变等等。事件监听器可通过addEventListener方法添加。
//Javascript中事件的监听与触发document.getElementById("myBtn").addEventListener("click", function(){console.log("Button clicked!");});
总之,Javascript有着广泛的用途与强大的功能,五花八门的基础分类为我们提供了不同的思路和方式,未来发展还将更加多样化。因此,对于初学者来说,理解Javascript基础是非常必要的,,它能够帮我们更好地学习高级概念,并让我们的代码行云流水。