标识符规则

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

必须以字母、下划线(_)或者美元符号($)开头
后续的字符也可以是数字(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. Opencv中Homography
  2. 利用rawcap抓包(自己发给自己的包裹)
  3. Win2003 安全设置大全
  4. bigquery sql 正则表达式
  5. feign-hystrix的使用
  6. 谁在偷你的记忆? 应用服务器版
  7. http发送16进制报文_HTTP系列探索HTTP网络层的”前端性能优化“
  8. 2019上半年系统集成项目管理工程师下午真题及答案解析
  9. 学生宿舍信息管理系统
  10. 扫码枪收银有手续费吗_收银系统怎么选
  11. kettle 读xml无法获得属性信息,输出表修改不能自动更新修改办法
  12. 中科大计算机招非全日制,中国科学技术大学工商管理(非全日制)招生简章
  13. 微服务--API网关
  14. msxml3.dll 错误 '800c0008'
  15. 猎头Fiona总结的加入淘宝网的十个理由
  16. cmd控制台窗体大小设置
  17. proteus教程——DAC0832输出连续锯齿波
  18. 解决国内手机安装Google Play打开闪退问题
  19. vbs代码之“电脑系统崩溃”
  20. 致远OA表单自定义函数(计算N年后今天的日期 )

热门文章

  1. linux php7 yum 卸载,Linux_在Centos中yum安装和卸载软件的使用方法,安装一个软件时 yum -y install h - phpStudy...
  2. Intellij IDEA神器常用技巧六-Debug详解
  3. httpd路径映射和重定向
  4. android开发之调皮的权限
  5. HashMap源码分析(转载)
  6. [转]ASP.net(c#)生成条形码
  7. PHP消息通信机制测试代码
  8. 熊猫烧香病毒背后的***社会
  9. 腾达A6无线路由器的几种连接模式
  10. [算法]两个栈实现一个队列