【JS】 js代码成员:变量-常量-函数总结

JS代码成员:变量-常量-函数总结

一. 代码成员

// 1.变量
//末尾分号可选
let username = '老马'
//函数
function getUserName(username){
    //函数体
    return 'Hello,' + username;
}
console.log('----------代码成员，1.变量；2.函数----------')
//调用函数
console.log(getUserName(username))
username = '老李'
console.log(getUserName(username))
/**
 * * 1.变量：数据复用
 * * 2.函数: 操作复用
 */

二.字面量，变量与常量

1. 字面量

'老马', 100, [1,2,3], {x:1, y:2}, function(){}

2. 变量

//声明 + 赋值
let a = 100;
console.log('a = ',a)

3. 常量 const

const USER_NAME = '老马'
console.log('USER_NAME = ', USER_NAME)
//更新 => 常量不能更新值
//USER_NAME = '老李' 会报错!
// ! let, const 用那个? 首选 const , 除非确定它会更新，比如循环

三. 函数

1. 命名函数

//调用：在声明调用函数，成功了。说明函数声明提升到代码顶部
//必须遵循“先声明，后使用”原则，声明提升违背了该原则
//console.log(sum1(3,4))
//声明
function sum1(a,b){
    return '命名函数 a + b = ' + (a + b)
}
console.log(sum1(1,2))

2. 匿名函数

//const, let 没有声明提升的效果
// console.log(sum3(7, 8))
//匿名函数符合先声明，后使用的原则，以后首选匿名函数
const sum2 = function (a, b) {
    return '匿名函数  a + b = ' + (a + b)
}
console.log(sum2(7, 8))

3. 箭头函数

//匿名函数的语法糖（简化）
//语法：删除function,  (...) => {...}
let sum3 = (a, b) => {
    return '箭头函数  a + b = ' + (a + b)
}
console.log(sum3(10, 12))
//继续简化，只有一条return,可不写{}和return
sum3 = (a, b) => '箭头函数  a + b = ' + (a + b)
console.log(sum3(10, 12))
//只有一个参数，(...)也可不写
sum3 = username => 'Hello,' + username
console.log(sum3('老马'))
//没有参数，（...）必须写
sum3 = () => 'Hello,老李！'
console.log(sum3())
// _ 也是合法变量标识符
sum3 = _ => 'Hello 老王！'
console.log(sum3())
// ! 箭头函数与匿名函数的最大区别：没有自己的this

4. 立即执行函数（IIFE）

//一个语法，用(...)包住，就转为“表达式”，立即执行
let res = (function (a, b) {
    return '立即执行函数  a + b = ' + (a + b)
})(20,30)
console.log(res)