标识符规则

在应用程序中,使用变量来作为值的符号名。变量的名字又叫做标识符,其需要遵守一定的规则。

必须以字母、下划线(_)或者美元符号($)开头
后续的字符也可以是数字(0-9)。
因为 JavaScript 语言是区分大小写的,所以字母可以是从“A”到“Z”的大写字母和从“a”到“z”的小写字母。
可以使用大部分 ISO 8859-1 或 Unicode 编码的字符作标识符,例如 å 和 ü。你也可以使用 Unicode 转义字符 作标识符。

合法的标识符示例:Number_hits,temp99,$credit 和 _name。

声明变量

使用关键词 var 。例如 var x=42。这个语法可以用来声明局部变量和全局变量。

直接赋值。例如x =42。在函数外使用这种形式赋值,会产生一个全局变量。在严格模式下会产生错误。因此你不应该使用这种方式来声明变量。

使用关键词 let 。例如 let y=13。这个语法可以用来声明块作用域的局部变量。

变量求值

用 var 或 let 语句声明的变量,如果没有赋初始值,则其值为 undefined 。

我目前是在职前端开发,如果你现在也想学习前端开发技术,
在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,
你都可以申请加入我的前端学习交流裙:前面:851 中间:231 最后:348。里面聚集了
一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,
前端面试题,前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

block区块

作用:把代码包在一起

{let a=1let b=2
}

常与if/for/while合用

if else 语句

if (表达式) {语句 1} else {语句 2}

{}在在语句只有一句的时候可以省略,但不建议省略。

写法

表达式里a=1要用===

if (表达式) {语句
} else if (表达式) {语句
} else {语句
}
function fn() {if (表达式) {return 表达式}if (表达式) {return 表达式}return 表达式
}

swith 语句

swith(fruit){case "banana"://..break;case "apple"://...break;default:break;}
}

while语句

while (表达式) {语句}

判断真假

表达式为真,执行,执行完再判断真假

表达式为假,执行后面的。

死循环特例

var a=0.1                     //初始化
while(!a==1){              //判断console.log(a)         //循环体a=+0.1              //增长}
}

因为浮点数不精确

for 循环

是while循环的简单写法

for (语句1; 表达式2; 语句3) {循环体
}

语句一用来初始化
表达式来判断
语句3来写增长
执行顺序为: 语句1–表达式2–循环体–语句3

如果表达式2不成立,直接跳出循环

特例

执行下列代码会打印出5个5

因为延迟打印 i 的值为 5

for (var i = 0; i < 5; i++){setTimeout(() => {console.log(i);}, 0);
}

打印值取决于函数什么时候调用,我们开始一个延迟函数 setTimeout(fn) ,a = 5,打印出 5 。

那有没有办法改变呢?

如果我们将 var 替换为 let ,则会以此打印 0 1 2 3 4 。

var a = 1;
function fn() {console.log(a);
}

break

退出当前所有循环

continue

退出一次距离它最近那次循环

lable

foo: {cosole.log(1);break foo;console.log('本行不会输出');
}
console.log(2)

简写

foo:1
console.log(2)

问号冒号表达式

A?B:C

function max(a,b){return a>b ? a:b
}

&&短路逻辑

A&&B&&C&&D取第一个假值或D

consonle&&console.log&&console.log(hi)

||
A||B||C||D取第一个真值或D

web前端开发:JavaScript 基本语法,相关推荐

  1. Web前端开发JavaScript基础(3)

    JavaScript 一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,它的解释器被称为JavaScript引擎,是浏览器的一部分,并且是被广泛用于客户端的脚本语言,JavaS ...

  2. 渡一教育公开课web前端开发JavaScript精英课学习笔记(二)变量类型,运算符

    JavaScript引入方式 内嵌 <script type = "text/javascript">document.write('hello,javascript! ...

  3. 渡一教育公开课web前端开发JavaScript精英课学习笔记(一)前言

    Mosaic浏览器     NCSA Mosaic,或简称Mosaic(马赛克),是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器,它是由伊利诺伊大学厄巴纳-香槟分校的NCSA组织在1993年 ...

  4. 渡一教育公开课web前端开发JavaScript精英课学习笔记(六)函数及作用域

    函数作用域 函数有个隐藏的属性[[scope]],这个属性就是作用域,其存储了运行期上下文的集合. [[scope]]存储运行期上下文集合,这些集合呈链式关系,就是作用域链. [[scope]]属性结 ...

  5. 渡一教育公开课web前端开发JavaScript精英课学习笔记(二十九)JavaScript 骇客帝国

    JavaScript 骇客帝国 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...

  6. 渡一教育公开课web前端开发JavaScript精英课学习笔记(十)数组的常用方法

    数组的常用方法(ES3) 以ES3.0为基础,ES5.0 在ES3基础上扩展,ES6.0 在ES5基础上扩展. 改变原数组的方法: push.pop.shift.unshift.sort.revers ...

  7. 渡一教育公开课web前端开发JavaScript精英课学习笔记(三)条件语句,循环语句

    if 条件判断语句 if(条件){ 如果条件为真时,执行的代码. } else { 如果条件为假时,执行的代码. } <script type = "text/javascript&q ...

  8. 渡一教育公开课web前端开发JavaScript精英课学习笔记(三十二)JavaScript旋转方块

    JavaScript旋转方块 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...

  9. 渡一教育公开课web前端开发JavaScript精英课学习笔记(七)对象和包装类

    Js对象有三种 内置对象:ECMAScript 规定的对象,如:Math String Number Boolean Function Object... 宿主对象:Js运行环境中的对象,如DOM文档 ...

  10. 渡一教育公开课web前端开发JavaScript精英课学习笔记(三十一)JavaScript消灭小星星游戏

    JavaScript消灭小星星游戏 <!DOCTYPE html> <html lang="en"><head><meta charset ...

最新文章

  1. HDOJ-2012 素数判定
  2. http几个版本的区别
  3. Linux下mysqldump的使用
  4. 03-spring_配置bean
  5. 母版页调用内容页的方法的简单实现
  6. Matlab仿真PID控制(带M文件、simulink截图和参数分析)
  7. linux登陆提示鉴定故障_5个最常见的Linux问题的故障排除提示
  8. 【回顾】推荐系统工程师技能树
  9. 都在这儿了!Flink Forward Asia 最佳参会指南
  10. Atitit mtp ptp rndis midi协议的不同区别
  11. windows update 无法启动 报错87:参数错误的解决方法
  12. 网站虚拟服务器共享ip与独立ip,误区解读:独立IP与共享IP虚拟主机哪个更好?...
  13. 英魂之刃服务器8.8维护,英魂之刃8大联动!每一个都是良心之作!玩家:公开打脸同行?...
  14. 笔记本电脑重启快捷键是什么
  15. 30位中外大师的摄影箴言
  16. 【784. 字母大小写全排列】
  17. 锂电池充放电曲线、设置充电电流、检测TP4054的3种充电状态
  18. Win10 1903过TP的双机调试
  19. SUS战队专访 | 关于赛题,能说的都在这里了
  20. 国产手机操作系统艰难探索

热门文章

  1. java生成平滑散点图_【转载】如何在excel制作散点图平滑线散点图
  2. 不学无数——SpringBoot入门VI
  3. Cent OS 7配置Dnsmasq
  4. 传感器是新兴的机器人技术革命的关键要素
  5. python单/双下划线使用
  6. Python3.2官方文件翻译-工具列表和十进制浮点计算
  7. 用户名和密码都正确,无法直接登陆虚拟机上的linux
  8. php提供的魔术常量
  9. 洛谷P1328生活大爆炸版石头剪刀布
  10. Flask 上下文管理-- (session,request,current_app的传递)--类似本地线程实现,以及多app应用...