1. Javascript基础数据类型Javascript基础数据类型分为6种,分别是:数字、字符串、布尔、null、undefined、Symbol(在ES6中新增)。以下是这6种数据类型的特点和用法:
数字:用于存储数值,可以进行数学运算,使用isNaN()函数判断是否是数字。
<code> var num1 = 123; // 整数var num2 = 3.14; // 小数console.log(isNaN(num1)); // falseconsole.log(isNaN(num2)); // falseconsole.log(isNaN("hello")); // true</code>
字符串:用于存储文本数据,可以使用单引号或双引号,也可以使用反斜杠“\”进行转义。
<code> var str1 = 'Hello Javascript';var str2 = "I'm a beginner";var str3 = 'It\'s a beautiful day';console.log(str1, str2, str3); // Hello Javascript I'm a beginner It's a beautiful day</code>
布尔:只有两个值,true和false,用于存储条件的真假。
<code> var bool1 = true;var bool2 = false;console.log(bool1, bool2); // true false</code>
null和undefined:表示“空”的含义,一般用于初始化变量或释放内存。
<code> var a = null;var b;console.log(a, b); // null undefined</code>
Symbol:表示唯一值,不可重复,ES6新增。
<code> var sym1 = Symbol();var sym2 = Symbol();console.log(sym1 === sym2); // false</code>
2. Javascript控制流程控制流程是指程序按照特定的顺序执行,包括分支结构和循环结构。
1) 分支结构:根据条件判断执行不同的代码块,包括if语句、switch语句等。
<code> var num = prompt("请输入一个数字:");if (num > 0) {console.log("该数字为正数");} else if (num < 0) {console.log("该数字为负数");} else {console.log("该数字为0");}</code>
2) 循环结构:重复执行一段代码,包括for循环、while循环等。
<code> // for循环for (var i = 0; i < 10; i++) {console.log(i);}<br> // while循环var j = 0;while(j < 10) {console.log(j);j++;}</code>
3. Javascript函数函数是一段可重复使用的代码块,用于完成特定的任务。在Javascript中定义函数有多种方法,以下是其中之一的示例:
<code> function sum(a, b) {return a + b;}var result = sum(1, 2);console.log(result); // 输出3</code>
4. Javascript数组数组是一种有序的集合,可以存储多个元素。在Javascript中使用[]表示数组,以下是数组的基本用法:
<code> var arr1 = [1, 2, 3];var arr2 = ["apple", "banana", "orange"];console.log(arr1, arr2);console.log(arr1[0], arr2[1]);</code>
5. Javascript对象对象是具有属性和方法的数据结构,可以用于封装相关的功能。在Javascript中使用{}表示对象,以下是对象的基本用法:
<code> var person = {name: "张三",age: 18,sayHi: function() {console.log("你好,我的名字是" + this.name);}};console.log(person.name, person.age);person.sayHi(); // 输出“你好,我的名字是张三”</code>
6. Javascript事件事件是用户可反馈的行为,例如鼠标点击、键盘按键等等。在Javascript中可以通过addEventListener()方法来添加事件监听器,以下是添加点击事件监听器的示例:
<code> var btn = document.getElementById("myButton");btn.addEventListener("click", function() {alert("按钮被点击了!");});</code>
7. Javascript DOM操作DOM是文档对象模型,是一种常用的操作HTML和XML网页的标准方法。通过Javascript可以对网页进行增删改查等操作,以下是对输入框和按钮进行操作的示例:
<code> var input = document.getElementById("myInput");var btn = document.getElementById("myButton");btn.addEventListener("click", function() {var value = input.value;alert("输入框的值是:" + value);});</code>
总之,Javascript是一门非常强大的编程语言,通过学习以上的教程,你可以更好地掌握它的基本用法和操作方法。当然,这只是Javascript的冰山一角,还有很多内容等待你去探索和学习。