Javascript 一些用法小结

本篇文章是针对Javascript初学者的一些用法小结，讲解了Javascript中常用的一些语法、函数、对象等，方便读者快速学会Javascript。

语法

变量声明

Javascript中可以用var、let、const三个关键字进行变量声明。

var关键字声明的变量为函数级作用域变量，可以在函数内任意位置使用，而在函数外使用需要注意全局变量的覆盖问题。
let和const关键字声明的变量为块级作用域变量，可以在任意位置使用，但其作用域仅限于代码块内。

示例：

var a = 10; // 声明全局变量a
function foo(){
   var a = 5; // 声明局部变量a
   console.log(a); // 输出5
}
foo();
console.log(a); // 输出10

let b = 5;
if(true){
    let b = 10;
    console.log(b); // 输出10
}
console.log(b); // 输出5

运算符

Javascript中常见的运算符有算术运算符、比较运算符、逻辑运算符等。

算术运算符：+、-、*、/、%
比较运算符：>、>=、<、<=、==、!=
逻辑运算符：&&、||、!

示例：

var a = 5 + 3; // 算术运算符，等于8
var b = 5 > 3; // 比较运算符，等于true
var c = (5 > 3) && (4 < 2); // 逻辑运算符，并且，等于false
var d = !(5 > 3); // 逻辑运算符，非，等于false

函数

Javascript中函数是一等公民，可以作为变量、参数、返回值来使用。Javascript中函数的定义方式有Function Declaration和Function Expression两种。

示例：

// Function Declaration
function foo(){
   return 'Hello World';
}
console.log(foo()); // 输出Hello World

// Function Expression
var bar = function(){
   return 'I am a function';
}
console.log(bar()); // 输出I am a function

箭头函数

ES6中新增了一种箭头函数的语法，可以简化函数的定义和调用，其定义方式为“(参数)=> {函数体}”：

var arr = [1, 2, 3, 4];
var sum = arr.reduce((prev, curr)=> prev + curr, 0); // 箭头函数简化reduce用法
console.log(sum); // 输出10

回调函数

Javascript中常见的回调函数是指在函数内部使用另一个函数作为参数，并在该函数执行完毕后调用传入的函数。常见的回调函数有setTimeout、setInterval等定时函数。

示例：

setTimeout(function(){
   console.log('我是回调函数');
}, 1000); // 1秒后输出"我是回调函数"

对象

Javascript中对象是一种复合数据类型，可以封装多个数据结构和函数，方便进行代码组织和复用。对象的创建方式有对象字面量、工厂函数等。

示例：

// 对象字面量
var car = {
   brand: 'BMW',
   color: 'blue',
   start: function(){
       console.log('启动引擎');
   }
}
console.log(car.brand); // 输出BMW

// 工厂函数
function createPerson(name, age){
   return {
       name: name,
       age: age,
       sayHi: function(){
           console.log('Hi, my name is ' + this.name);
       }
   }
}
var person = createPerson('张三', 18);
console.log(person.sayHi()); // 输出Hi, my name is 张三