IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript 语法入门 -> 正文阅读

[JavaScript知识库]JavaScript 语法入门

本篇博客是作为个人自学记录,如有不足之处,请批评指正。

版本:ES 6

本章的基础语法指的是 JS 比较常用的语法

表达式和语句

表达式

  • 1+2 表达式的值为 3
  • add(1,2) 表达式的值为函数的返回值
  • console.log 表达式的值为函数本身
  • console.log(3) 表达式的值为多少? 答案:undefined

语句

  • var a = 1 是一个语句 语句的值是undefined

区别

  • 表达式一般都有值,语句可能有也可能没有
  • 语句一般是用来改变环境(声明、赋值)
  • 上面两句话并不是绝对的 只是一般情况下

大小写敏感

  • var a 和 var A 是不同的
  • object 和 Object 是不同的
  • function 和 Function 是不同的

空格和回车

只要不影响断句,大部分空格是没有实际意义的

  • var a = 1 和 var a = 1 没有区别

回车

  • 同上,没有区别
  • 只有一个地方不能加回车,就是 return 后面(如果在 return 后面加回车,返回值是 undefined)

标识符

变量名是标识符

规则

  • 第一个字符:可以是字母、$ 、_ 或中文
  • 后面的字符:除了上面所说的,还可以是数字

注释

// 单行注释

/*
   12
   多行注释
   123
*/

注释分类

注释并不是写的越多越好

不好的注释

  • 把代码翻译成中文
  • 过时的注释
  • 发泄不满的注释

好的注释

  • 重要信息的注释
  • 踩坑注释
  • 为什么代码会写得奇怪,遇到什么bug

区块 block

  • 就是用 {} 把代码包在一起
{
  let a = 1
  let b = 2
}
  • 常常与 if / for / while 合用

if 语句

如果… 那么…

语法

if (condition) {
    // 语句1
} else {
    // 语句2
}

  • {} 在只有一句语句的时候可以省略(不建议这样做)

变态情况

  • 表达式里可以很变态,如 a = 1
let a = 2;
if (a = 1) {
    console.log("a是1");
}

// 输出:a是1
// 因为 = 是赋值符号,表达式里可以用赋值符号,如果判断要用 ===
  • 语句1 里可以非常变态,如嵌套 if else
  • 语句2 里可以非常变态,如嵌套 if else
  • 缩进变态:
a = 1;
if(a === 2)
  console.log('a')
	console.log('a等于2')

// a等于2

// 上面代码等于:

a = 1;
if(a === 2) {
	console.log('a')
}
console.log('a等于2')

switch 语句

if … else … 升级版

语法

switch(expression) {
    case value1:
        语句	// 当 expression 的结果与 value1 匹配时,执行此处语句
        break;
    case value2:
        语句	// 当 expression 与 value2 匹配时,执行此处语句
        break;
    default:
        语句	// 如果 expression 与上面的value值都不匹配时,执行此处语句
}

条件运算符 ? :

问号冒号表达式

条件(三元)运算符

代替 if else 的

语法

condition ? exprIfTrue : exprIfFalse

短路逻辑 && ||

代替 if 或者 if else的

&&

与与短路逻辑

语法

expr1 && expr2 // 如果 expr1 为 true,则返回expr2,否则,返回 expr1

||

或或短路逻辑

语法

expr1 || expr2 // 如果 expr1 为 true,则返回expr1,否则,返回 expr2

while 循环

当…

语法

while (condition) {
	语句	// 当 condition 为真,执行此处语句,执行完再次判断 condition 的真假 
}

需要初始化变量、判断条件、循环体、自增或自减
示例:
var a = 1;		// 初始化
while(a <= 10) {	// 判断
	console.log(a);	// 循环体
      a = a + 1;	// 自增
}

for 循环

语法

for(初始化;判断条件;自增或自减) {
  语句	// 循环体,执行完此处语句后再执行自增或自减,然后再判断,再执行此处语句
}

break 和 continue

退出所有循环 和 跳过当前一次循环

label 语句

JavaScript 语言允许,语句的前面有标签(label),相当于定位符,用于跳转到程序的任意位置,标签的格式如下。

label:
  语句

标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句。

标签通常与break语句和continue语句配合使用,跳出特定的循环。

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-17 11:54:34  更:2021-10-17 11:56:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/9 13:25:47-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码