18·灵魂前端工程师养成-JS语法入门

2022-09-26 16:38:34 浏览数 (1)

  • JavaScript版本
  • JavaScript的语法-变量
  • JavaScript的语法-条件语句
  • JavaScript语法-循环

-曾老湿, 江湖人称曾老大。


-多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机,连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。


JavaScript版本


历史版本

JS最重要的版本是ES6

历史版本: 1.ES3,IE6支持,总评价:辣鸡 2.ES5,还是辣鸡 3.ES6,大部分浏览器都支持,一半辣鸡,一半好 4.ES2019 与 ES6 差别不大

JS之父对JS的评价: 它的优秀之处并非原创,它的原创之处并不优秀。

JavaScript的语法-变量


表达式与语句

表达式:

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

语句:

var a = 1 是一个语句

二者区别 表达式一般都有值,语句可能有也可能没有 语句一般会改变环境(声明,赋值)

**注意: JS大小写敏感 大部分空格都是没有意义的 大部分回车也是没有意义的 但是,有一个地方不能加回车,那就是return后面


标识符

规则:第一个字符可以是Unicode字母$_中文,后面可以是任意包括数字

变量名是标识符

代码语言:javascript复制
var _=1
var $=2
var ______=6
var 你好='hi'

JavaScript的语法-条件语句


if判断

if语句:

代码语言:javascript复制
if(表达式){语句1}else{语句2}

变态情况:

1.请问,下面这段代码执行的结果是啥?

代码语言:javascript复制
a = 2

if ( a = 1 ){
    console.log('a是1')
} else {
    console.log('a不是1')
}

2.请问,下面这段代码执行的结果是啥?

代码语言:javascript复制
a = 1

if ( a === 2 )
    console.log(a)
    console.log('a等于2')

推荐写法:

代码语言:javascript复制
if(表达式){
    语句
} else if (表达式){
    语句
} else(表达式){
    语句
}

switch语句

switch语句 类似于shell中的 case语句

代码语言:javascript复制
switch (fruit){
    case "banana":
        //...
        break;
    
    case "apple":
        //...
        break;

    default:
        //...
}

上面是JS,下面是shell

代码语言:javascript复制
case fruit in
    "apple")
        //...
        ;;
    "banana")
        //...
        ;;
    *)
        //...
        ;;

三元表达式

问号冒号表达式

表达式1?表达式2:表达式3

用来简化 if 和 else 中都只有一个语句的时候

代码语言:javascript复制
function max(a,b){
  if (a>b) return a;
  else return b;
}

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

短路逻辑&&和||

代码语言:javascript复制
// 和Shell一样,就是前面条件如果为真就继续执行后面的

console && console.log && console.log('存在')

ls -l && ifconfig

is -l && ifconfig
代码语言:javascript复制
// 和Shell一样,就是前面条件如果为假就继续执行后面的

a = a || 100

ls -l || ifconfig

is -l || ifconfig

JavaScript语法-循环


while循环

语法:

代码语言:javascript复制
while (表达式){语句}

// 判断表达式真假
// 当表达式为真,执行语句
// 当表达式为假,执行后面的内容
// 执行完再次判断表达式的真假
代码语言:javascript复制
var i = 0

while (i<10){
  console.log(i)
  i = i 1
}

死循环

代码语言:javascript复制
while(true){}
代码语言:javascript复制
var a = 0.1
while(a !== 1){
    console.log(a)
    a = a 0.1
}

for循环

语法:

代码语言:javascript复制
for(语句1;表达式2;语句3){
    循环体
}

//先执行语句1
//然后判断表达式2
//如果为真,执行循环体,然后执行语句3
//如果为假,直接退出循环,执行后面的语句
代码语言:javascript复制
for (var i=0;i<5;i  ){
  console.log(i)
}

for (var i=0;i<5;i  ){
    setTimeout(()=>{
        console.log(i   '随机数'   Math.random())
    },0)
}

break:退出当前循环 continue:继续当前循环

以上和Shell语法一毛一样。

0 人点赞