(一)语法 基础概念

news/2024/11/13 23:19:38/

文章目录

  • 一、JavaScript 变量的命名规则
  • 二、Const \ var \ let 定义变量的区别
  • 三、循环控制语句
  • 四、分支控制语句
  • 五、判断运算符

一、JavaScript 变量的命名规则

变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、下划线、美元符号或数字。

  • 变量名中不允许使用空格和其他标点符号,首个字不能为数字。
  • 变量名长度不能超过255个字符。
  • 变量名称对大小写敏感(y 和 Y 是不同的变量),JavaScript 语句和变量都对大小写敏感。
  • 变量名必须放在同一行中。
  • 不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识符。

二、Const \ var \ let 定义变量的区别

const定义变量不可以修改,而且必须初始化.

  • var定义的变量可以修改,如果不初始化会输出undefined,不会报错.
  • let是块级作用域,函数内部使用let定义后,对函数外部无影响。

三、循环控制语句

For

  • For-in
    可以任意顺序遍历数组或者对象的可枚举属性
  • For-of
    不能遍历对象,只能遍历带有iterator接口的,例如Set,Map,String,Array;
    可以遍历数组,输出的是数组元素值(value)
// 对象
const object = { name: 'lx', age: 23 }
// for ... in
for (const key in object) {console.log(key) // 输出 name,ageconsole.log(object[key]) // 输出 lx,23
}
// for ... of
for (const key of object) {console.log(key) // 报错 Uncaught TypeError: object is not iterable
}
// 数组对象
const list = [{ name: 'lx' }, { age: 23 }]
for (const val of list) {console.log(val) // 输出{ name: 'lx' }, { age: 23 }for (const key in val) {console.log(val[key]) // 输出 lx,23}
}
  • While
    先判断再执行
  • do-while
    先执行再判断

四、分支控制语句

  • If else
    语句更加灵活,通常用于范围判断(大于、等于某个范围)

  • switch
    通常处理case为比较确定值的情况

  • 对比:
    switch语句进行条件判断后直接执行到程序的条件语句,效率更高。而if…else语句有几种条件,就得判断多少次;
    当分支比较少,if…else语句的执行效率比switch语句更高;
    当分支比较多时,switch语句的执行效率较高,而结构更加清晰。

五、判断运算符

=== (绝对等)
不会转换数据类型,直接进行比较

  • == (模糊等)
    先进行类型转换,然后再进行比较

区别:
在比较类型相同的数据时,== 与 === 之间没有任何区别,完全一样
在比较不同类型的数据时,== 相等运算符会将数据先进行类型转换,然后再进行比较。=== 严格等不会转换数据类型,直接进行比较。
在比较时,结果为真即为 true ,结果为假即为 false。

类型转换规则:

  1. 如果等号两边是boolean、string、number三者中任意两者进行比较时,优先转换为数字进行比较。
  2. 如果等号两边出现了null或undefined,null和undefined除了和自己相等,就彼此相等
  3. NaN无论在什么时候都不会等于自己本身,判断是不NaN 只能使用isNaN()。

: ==判断的特殊情况如下,一个值为undefinned时,仍然能通过 == null的判断。

if ( obj.hi == null ) {
}if ( obj.hi == undefined ) {
}
// 上面两种判断算是以下代码的简写
if ( obj.hi === null || obj.hi === undefined ) {
}

ES6新的方法Object.is 来比较两个值严格相等,它与严格比较运算符“===”基本一致,不同之处只有两个:

  1. +0不等于-0;
  2. NaN等于自身;
    代码实现:
function is(x, y){ if (x === y) {// 运行到1/x === 1/y的时候x和y都为0,但是1/+0 = +Infinity, 1/-0 = -Infinity, 是不一样的return x!==0 || y!==0|| 1/x===1/y;  } else {// NaN === NaN 是false,这是不对的// 这里做一个拦截,x!==x,那么一定是 NaN, y同理两个都是NaN的时候返回true return x!==x && y!==y;  }
}

http://www.ppmy.cn/news/66332.html

相关文章

SubMain CodeIt.Right 2022.2 Crack

CodeIt.Right,从源头上提高产品质量,在编写代码时获取有关问题的实时反馈,支持最佳实践和合规性,自动执行代码审查,轻松避免与您的群组无关的通知,一目了然地了解代码库的运行状况 自动执行代码审查 使用自…

5月10号软件资讯更新合集....

elementary OS 图像注释工具 Annotator 1.2 发布 Annotator 是一个免费开源图像注释工具,最初是为 elementary OS 设计,但也可用于其他 Linux。近日该工具发布了 1.2 版本,新版本增加了对全屏、当前窗口和选择区域进行截图等功能。 新版本还…

OpenCV教程——Mat对象

1.Mat对象和IplIamge对象 Mat对象是OpenCV2.0之后引进的图像数据结构、自动分配内存、不存在内存泄漏的问题,是面向对象的数据结构。分为两个部分:头部和数据部分。IplIamge是从2001年OpenCV发布之后就一直存在,是C语言风格的数据结构&#…

[Data structure]双链表 | 一文带你了解线性数据结构之一的双链表

⭐作者介绍:大二本科网络工程专业在读,持续学习Java,努力输出优质文章 ⭐作者主页:逐梦苍穹 ⭐所属专栏:数据结构 双链表 1、简介2、常见操作3、时间复杂度4、代码实现思路总览5、Node6、DoubleLinkedList6.1、添加节点…

《设计模式》访问者模式

《设计模式》访问者模式 定义: 访问者模式用于封装一些作用于某种数据结构中的各元素的操作,将数据结构和数据操作分离,它可以在不改变这个数据结构的前提下定义作用于这些元素的新操作。属于行为型模式。 访问模式的角色组成: …

java程序员容易被人误解?我来聊聊常见的三种情况

先说一下个人情况吧。21年来到深圳,现在马上工作满两年。我说程序员是一个容易被人误解的职业呢,可能在大部分人的印象里,程序员就是一个呆板、穿着格子衫、戴着厚厚的眼镜片、比较呆滞的一群人。其实这个印象可能是符合上个年代吧——程序员…

不同应用场景瑞芯微RK3568主板方案定制

随着物联网和智能设备的迅猛发展,瑞芯微RK3568主板方案作为一种高性能的系统System-on-a-chip(SoC),已经成为嵌入式系统、智能家居设备和工业自动化设备等应用场景的首选方案。定制瑞芯微RK3568主板方案可以满足不同应用场景的需求…

Playground AI:免费绘画图像创作工具

【产品介绍】 Playground AI是一个免费的在线 AI绘画 图像创作工具。你可以用它来创作艺术作品、社交媒体帖子、演示文稿、海报、视频、logo 等等。 Playground AI 的核心技术是基于深度学习的图像生成模型,它可以根据你的输入文字或图片,自动合成出高质…