📜  第 3 课 - Javascript (1)

📅  最后修改于: 2023-12-03 15:41:07.261000             🧑  作者: Mango

第三课 - Javascript

Javascript是一种基于对象、事件驱动、运行在客户端、解释型的编程语言。它常用于网页交互和与服务器交互,如表单验证、动态效果和Ajax异步数据传输等。

变量和数据类型

Javascript中的变量使用var关键字声明,数据类型包括:字符串、数值、布尔值、null和undefined等。其中,变量没有固定的数据类型,可以随时更改。

// 变量声明举例
var a;
var b = 'hello';
var c = 123;
var d = true;
逻辑运算和流程控制

Javascript中的逻辑运算包括:与&&、或||、非!等。流程控制包括:条件语句if/else、循环语句for/while/for…in等。

// 条件语句举例
if (a > 0) {
  console.log('a is positive');
} else if (a === 0) {
  console.log('a is zero');
} else {
  console.log('a is negative');
}

// 循环语句举例
for (var i = 0; i < 10; i++) {
  console.log(i);
}

while (a < 10) {
  console.log(a);
  a++;
}
函数和作用域

Javascript中的函数使用function关键字声明。函数可以具有返回值,也可以没有返回值。作用域分为全局作用域和局部作用域,可以使用var关键字定义局部变量。

// 函数举例
function add(a, b) {
  var c = a + b;
  return c;
}

// 作用域举例
var d = 10;
function foo() {
  var d = 20;
  console.log(d);
}
foo();
console.log(d); // 输出结果为20和10
数组和对象

Javascript中的数组使用[]声明,可以存储任意类型的数据。对象使用{}声明,由属性和属性值组成。

// 数组举例
var arr = [1, 2, 3, 'hello', true];

// 对象举例
var obj = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};
DOM操作和事件

Javascript可以操作文档对象模型(DOM),改变页面结构和样式。也可以绑定事件,比如点击、移动、滚轮等。

// DOM操作举例
var p = document.createElement('p');
p.innerHTML = 'hello world';
document.body.appendChild(p);

// 事件绑定举例
var btn = document.getElementById('btn');
btn.onclick = function() {
  alert('button clicked');
};

以上是Javascript的基础内容,掌握了这些基础知识,就可以进一步学习Javascript的高级内容,如异步编程、正则表达式、面向对象编程等。