本文共 2852 字，大约阅读时间需要 9 分钟。
JavaScript语言快速学习
简介
JavaScript（简称“JS”）是一种功能强大 yet 轻量级的编程语言。它以函数为中心，能够在浏览器端直接运行，也可以在 various 非浏览器环境中使用。作为网页开发的核心脚本语言之一，JS 的应用范围不仅限于网页开发，还扩展到了移动应用、插件开发等多个领域。
JavaScript应用领域
JS 的应用范围广泛，主要包括以下几个方面：
网页开发：作为网页的脚本语言，JS 能够实现页面动态交互，如表单验证、动画效果等。
移动开发：利用 HTML5 和相关 API，开发基于 Chrome 为基础的 Web 应用。
插件开发：创建浏览器扩展或其他应用的功能插件。
JS 使用方法
JS 在 HTML 中的使用需要注意以下几点：
JS 脚本必须嵌入在 <script> 标签内，并确保它们位于 <head> 或 <body> 中。
常用方法包括 alert()、prompt()、console.log() 等，用于输出或获取用户输入。
JS 还支持通过列表API（如 Array.prototype）进行操作，常用方法有 append()、insert()、count()、sort() 等。
JS 输入输出、变量
JS 提供了基本的输入输出功能，类似于 C++ 或 Java。以下是几个常用的操作示例：
var age; 或 let myName;age = 10; 或 myName = "Five";console.log("Hello, world!");NaN、Infinity、undefined 和 null 等特殊值。JS 还支持多种数据类型，包括 number、string、boolean、undefined、null 等。可以通过 typeof 运算符判断数据类型。
JS流程控制
JS 具备基本的流程控制结构，包括条件判断、循环和 switch 语句。
if (3 > 5) { alert("shamo"); }var num = 10; console.log(num > 5 ? "是的" : "不是的");for (var i = 1; i <= 10; i++) { console.log(i + "sui"); }var s = 3; switch (s) { case 1: console.log(1); case 2: console.log(2); case 3: console.log(3); default: break; }JS 数组
JS 的数组操作与其他语言（如 Java）不同，具有以下特点：
var arr = [1, 2, 3, 4];arr.push(5); 或直接赋值 arr[3] = 5;for (var i = 0; i < arr.length; i++) { console.log(arr[i]); }var t1 = [1, 2, 3]; t1.length = 5; console.log(t1.length);console.log(t1[3]); 输出 undefined。JS 函数编程
JS 支持函数的定义与调用，函数可以接受任意数量的参数，并返回值或进行操作。
function getSum(num1, num2) { console.log(num1 + num2); }getSum(1, 100); 或 getSum(10, 50);- 多于定义的参数会被忽略。
- 实参不足时，未提供的参数默认为
undefined。
- 函数返回值：
function getResult() { return 666, 777; }（注意：返回值是666，777被忽略）。 - 访问函数参数：
function fn(num1) { console.log(arguments); }fn(1, 2, 3, 4);中的arguments对象包含所有实参。 - 直接量创建对象：
var obj = { name: "ys", age: 12 }; - 复杂对象：
var obj = { name: "ys", age: 12, like: { drink: "water", eat: "food" } }; - 对象操作：
console.log(obj.age);console.log(obj["name']);console.log(obj.like.eat); - 创建自定义对象：使用构造函数或
Object.create()方法。function Person(name, age) { this.name = name; this.age = age; this.sing = function(num1, num2) { return num1 + num2; }; }var obj = new Person("ys", 12); - 对象类型判断：
console.log(Object.prototype.toString.call(obj));输出[object Object]console.log(Person instanceof Object);输出true。 - DOM 操作：
var ti = document.getElementById("timer");var li = document.getElementsByTagName("li");li.length; - 事件处理：
btn.onclick = function() { this.style.backgroundColor = "purple"; }; - 自定义属性：
var element = document.getElementById("HIHI");element.dataset.index = "2";element.dataset.gettime = "20"; - 事件监听：
btn.addEventListener("click", function() { alert(22); }); - DOM 查询：
console.log(document.body.innerHTML);console.log(document.documentElement.innerHTML);
JS 面向对象
JS 是面向对象的语言，支持对象的创建与操作。
JS 调用 Web APIs
JS 可以通过 DOM API 调用网页元素和操作。常用的方法包括：
通过合理使用这些 API，能够实现丰富的网页功能。
发表评论
最新留言
关于作者
