JavaScript的基础语法(上)

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

🔎编写第一个HelloWorld


alert('hello world')

通过 3 种方式编写 hello world

  • 行内式
  • 内嵌式
  • 外部式

行内式


内嵌式


alert('hello world');

外部式


🔎注释


JavaScript 的注释分为 2 种

  • 单行注释
  • 多行注释

单行注释 → //

多行注释 → /* */

🔎consoloe.log()


使用 alert() 得到的效果是弹框

(alert 得到的弹框属于模态对话框 → 一旦弹出, 就会阻止用户操作界面的其他部分)

使用 console.log() 得到的效果是在控制台打印

利用consoloe.log()打印HelloWorld


console.log('hello world');

🔎基础语法


变量


变量的使用


创建变量

关键字包括 var, let 两种类型

关键字 变量名 = 初始值;

(var a = 1;)

(let a = bibubibu;)

推荐使用let作为关键字, var有不合理之处

举个栗子🌰

var a = 10;
var a = 20;
console.log(a);

针对上述代码, 变量 a 已经存在, 无法再定义

但使用var关键字只是将值进行覆盖, 不会报错

使用let

let a = 10;
let a = 20;
console.log(a);

动态类型


动态类型

程序运行过程中确定变量的类型

即一个变量的类型可以发生改变

举个栗子🌰

let a = 10;
console.log(a);
a = 'hello world';
console.log(a);

执行let a = 10;变量 a 类型为数字

执行a = 'hello world';变量 a 类型为字符串

🔎基础数据类型


JS 中内置的几种数据类型

类型 描述
number 数字(不区分整数和小数)
boolean 布尔(true → 真 / false → 假)
string 字符串
undefined 表示未定义的值
null 表示空值

🔎运算符


算术运算符


  • +
  • -
  • *
  • /
  • %

复合赋值运算符


  • +=
  • -=
  • *=
  • /=
  • %=

自增自减运算符


  • i++ / ++i
  • i-- / --i
相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
123 1
|
25天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
30天前
|
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)
563 0