博客列表 >变量常量数据类型与函数参数和返回值 匿名函数以及箭头函数作业

变量常量数据类型与函数参数和返回值 匿名函数以及箭头函数作业

番茄炒蛋
番茄炒蛋原创
2021年07月10日 22:23:43951浏览

变量

var定义变量

语法 var 变量名 = 值

  1. var : 定义变量的关键字
  2. 空格 : 分割变量名和关键字,必须要有
  3. 变量名:自己起的一个名字用来代表后面的一串东西
  4. 等于号:在js里面等于号是赋值的意思,把右边的内容赋值给左边的变量
  5. 值:定义的变量代表的内容
  1. var name = "亚杰";

【注】js的变量可以保持任何数据类型

let和const

let用来声明变量

const用来声明常量

  • var、let声明的就是变量,变量一旦初始化之后,还可以重新赋值
  • const声明的就是常量,常量一旦初始化,就不能再重新赋值了

const就是为了一些一旦初始化就不再重新赋值的情况设计的

const声明的常量,允许再不重新赋值的情况下修改它的值(引用类型)

let、const于var的区别

1、重复声明

已经存在的变量或常量,又声明了一遍

var 允许重复声明,let const不允许

2、变量提升

var 会提升变量的声明到当前作用域的顶部

let、const不存在变量提升

3、暂时性死区

主要作用域内存在let、const,它们所声明的变量或常量就自动“绑定”这个区域,不再受到外部作用域的影响

  1. let a = 0;
  2. function func(){
  3. console.log(a);
  4. let a = 1;
  5. }
  6. func(); // 报错

变量的命名规则

  • 一个变量只有由数字,字母,美元符,下划线组成
  • 一个变量不能有数字开头
  • js严格区分大小写
  • 不能使用关键字和保留字
    1. var 123 = "aaa" // 错误写法
    2. var userName = "灰太狼" // 正确写法

    数据类型

    number 数值

    1. let num = 123;
    2. console.log(typeof num) // Number

    string 字符串

    1. let str = "123"
    2. console.log(typeof str) // String

    Boolean 布尔值

    1. // true 表示真,在计算机存储的时候就是1
    2. // flase 表示假,在计算机存储的时候就是2

    null和undefined

    1、undefined 未定义
    1. var a;
    2. // 如果一个变量声明了但没有赋值,会有一个默认值便是undefined
    3. console.log(a) // undefined
    2、空值
    1. // sss有一个值null代表空值
    2. var sss = null;
    3. console.log(b) // null

    函数参数

    参数是函数内容一些特定值,在调用函数时们必须传入这些参数的具体值,函数的参数可多可少,函数可以没有参数,也可以有多个参数,多个参数之间需要用逗号隔开
    1. // a,c是形参
    2. function fc(a,c){
    3. console.log(a + c)
    4. }
    5. fc(1,2)
    6. // 1,2是实参 相当于赋值 a = 1 c = 2

    函数的返回值

    函数体内可以使用return关键字表示函数的返回值
    1. function sum(a,b){
    2. return a + b
    3. }

    匿名函数

    1. let sum = function(){
    2. console.log("呵呵呵呵呵呵")
    3. }
    4. sum();

    箭头函数

    1. const func = ()
    箭头函数的结构
    const/let/var 函数名 = 参数 => 函数体

    箭头函数的注意事项

    单个参数可以省略括号
    1. const func = a => a
    无参数或多个参数不能省略圆括号
    箭头函数没有this指向,它会沿着作用域链向外部查找
    1. // 普通函数
    2. function sum(x){
    3. return x
    4. }
    5. // 箭头函数
    6. let sum = x => x
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议