JavaScript的基础语法(下)

简介: JavaScript的基础语法(下)

函数表达式


在 JS 中, 可以像普通变量一样, 将函数赋值给某一个变量

也可以将函数作为另一个函数的参数, 或者把函数作为另一个函数的返回值

(这个特性, 将函数在 JS 中称为"一等公民")

将函数赋值给某一变量🍭

// 函数表达式
let add = function() {
    let ret = 0;
    for(let x of arguments) {
      ret += x;
    }
    return ret;
}
// 执行函数表达式
console.log(add(10, 20));
// 变量的类型
console.log(typeof(add));

将函数作为另一个函数的返回值🍭

function f2() {
  console.log("执行 f2() ");
  return 10;
}
function f1() {
  return f2;
}
let fun = f1();
console.log(fun());

变量的作用域


观察如下代码🍭

let num = 1;
function test1() {
  let num = 2;
  function test2() {
    let num = 3;
    console.log("test2: " + num);
  }
  test2();
  console.log("test1: " + num);
}
test1();
console.log("global: " + num);

运行结果🍭

结果分析🍭

在 JS 中

会先寻找当前函数作用域, 如果当前没有, 就去寻找上层函数作用域…, 一直找到全局作用域

如果全局作用域也没有, 就会报错 / undefined

🔎对象


对象是指一个具体的事物

在 JS 中, 字符串, 数值, 数组, 函数…都是对象

每个对象包含若干的属性和方法

对比 JS 中的对象与 Java 中的对象🍂

  • JS 中的对象没有类的概念
  • JS 中的对象没有 Private / Public 等修饰符
  • JS 中的对象没有继承
  • JS 中的对象没有多态

使用{ }创建对象


let student = {
  name: 'cxk',
  age: 25,
  height: 185,
  weight: 70,
  sing: function() {
    console.log('鸡你太美');
  },
  dance: function() {
    console.log('铁山靠');
  }
};

使用 new Object 创建对象


let student = new Object();
student.name = 'cxk';
student.age = 25;
student.height = 185;
student.weight = 70;
student.sing = function() {
  console.log('鸡你太美');
}
student.dance = function() {
  console.log('铁山靠');
}

注意🍭

使用 { } 创建对象也可以利用 student.age = 18 这样的方式添加属性


🔎结尾

创作不易,如果对您有帮助,希望您能点个免费的赞👍

大家有什么不太理解的,可以私信或者评论区留言,一起加油

相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
124 1
|
26天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
1月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
15 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
134 4
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
35 5
|
4月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
59 3
|
4月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
569 0