Day5 js

作者: ququququ | 来源:发表于2019-01-25 16:10 被阅读0次

一、js

1.什么是js

​ js的全称是:JavaScript,是web标准的行为标准,主要负责网页中内容的变化。

​ js和python一样是脚本语言,跟python相比更轻量型。

2.js代码写着什么地方

​ a.内联js - 写在标签事件相关属性中,例如onclick

​ b.内部js - 写着script标签中,script标签可以放在head和body里面

​ c.外部js - 写在一个js文件中然后在HTML中导入

js可以做什么?

  • ​ 可以修改内容
  • ​ 修改该标签
  • ​ 修改标签样式
  • ​ 添加网页内容

二、js语法

1、注释

单行注释和多行注释

// 单行注释 - 注释前加两个斜杠注释
    /*
        多行注释
        多行注释
    */
2、标识符

由数字、字母、下划线组成和组成,数字不能开头,命名一般不用,$一般有特殊功能

3、关键字

for,in,while,if,else,true,false,var,function等,有特殊功能的标志符

4、数据类型和字面量

Number、String、Boolean、Array、Object、Function

查看数据类型用typeof函数,数据转换用parseInt(),parseFloat()

二、变量和赋值

// 1.基本格式
// 格式1:变量名 = 值
// 格式2:var 变量名 = 值
// 单独声明一个变量
name = '小明'
var name2 = '小红'
// 同时声明多个变量赋一样的的值
a = b = c = 10
// 同时声明多个变量赋不同的值
a1=10,b1=22
// 注意使用var声明变量的时候,可以不给变量赋初值,默认是undefined
var a2,b2,c2

三、运算符

js支持:数学运算符、比较运算符、逻辑运算符、赋值运算符、位运算符

1.数学运算符:

+,-,*,/,%,++,-- 和python比少了整除和幂运算,多了++和--

++(自加1),--(自减1)

变量++、++变量

变量--、--变量

​ num = 10

先打印,再加1

​ console.log(num++)

2比较运输符:

>,<,>=,<=,!=,===,!==

比较大小和python一样

==判断值是否相等 ,!=判断值是否不相等

===判断值和类型是否相等, !==判断值和类型是否不相等

console.log(5 === 5)   //false
console.log(5 === '5') //true
3.逻辑运算符:&&,||,!(逻辑非运算)

和python一样

4.赋值运算符:=,+=,-=,*=,/=,%=
5.为运算符:&,|,~,^

和python一样

6.复合运算和python一样
7.三目运算符: ?: - 条件语句?值1:值2

四、分支结构

js中分支结构有两种:if语句、switch语句

1.if语句

​ if(条件语句){

​ 条件语句成立执行的代码段

​ }

​ if(条件语句1){

​ 条件语句1成立执行的代码段

​ }else if(条件语句2){

​ 条件语句2成立执行的代码段

​ }

num = 10

if (num%10 == 0){

​ console.log('偶数')

}

2.switch语句

a.语法

switch(表达式){

​ case 值1:{

​ }

​ case 值2:{

​ }

​ case 值3:{

​ }

​ default:{

​ 代码段4

​ }

}

注意:case后面的{}可以省略,代码段也可以没有

执行过程:先计算表达式的结果,从上往下一一和每个case后面的值进行比较,判断是否相等

找到第一个和表达式的结果相等的case,然后将这个case作为入口,依次执行后面的代码段,直到、

最后一个代码段

如果表达式的结果和每个case的值都不相等,将default作为入口

五、循环

js中的循环结构有两种:for循环、while循环

1)python中for循环:for-in

for (变量 in 序列){
  循环体
}

​ 注意:不管序列是什么类型,变量取得都是下标/属性名 (key)

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

​ 执行相当于姓名的为了while循环

​ 表达式1

​ while(表达式2){

​ 循环体

​ 表达式3

​ }

​ 2)C的do-while

do{
  循环体
}while(条件语句)

​ 执行过程:会先执行一次循环体,然后才去判断条件语句是否为true

六、函数

 function 函数名(参数列表){
        函数体
    }

注意:不支持关键字参数,不支持不定长参数,不支持多个返回值。声明函数的时候就是声明类型是Function的变量。如果函数没有return则函数的返回值是undefined

function(参数列表){
            函数体
        }

相关文章

网友评论

      本文标题:Day5 js

      本文链接:https://www.haomeiwen.com/subject/kkfvjqtx.html