美文网首页
day23课堂总结

day23课堂总结

作者: Oot_zhl | 来源:发表于2018-12-07 20:42 被阅读0次

    1.什么是js
    js是javascript的缩写,是web标准的行为标准,负责网页中内容变化的部分
    2.在那儿写js代码
    a.写在标签的事件中,例如按钮的onclick属性
    b.写在script标签中(将js代码作为script标签的内容)

    注意:script标签理论上是可以写在html中的任何一个地方,但是一般都放在head和body中

    c.写在js文件中,在html中通过script标签将文件导入(src属性值就是导入的js文件路径)
    3.js能做什么
    a.在网页指定的位置插入标签
    b.修改网页中标签的内容
    c.修改标签的样式
    4.怎么写js代码
    javascript是一门编程语言,和python一样是动态语言也是脚本语言,但是和java没有关系
    补充:Windows.alert(信息) - js代码,在浏览器上弹出一个对话框,对话框中显示指定的信息

    基本语法

    1.控制台输出
    console.log(输出的内容) - 和print的功能一样
    2.标识符
    由字母数字下划线和$组成,不能是数字开头
    3.行与缩进
    从语法角度,js代码怎么换行和缩进都可以,js是通过{}来确定代码块
    4.常见的数据类型:数字,字符串。布尔,数组,对象,函数
    数字(Number) - 包含所有数字,包含整数小数,例如:100,12.5,-394,3e2
    支持科学计数法,但是不支持虚数
    b.布尔(Boolean) - 只有两个值true和false,这两个值是关键字,分别代表真和假
    c.字符串(String) - 只有单行字符串用单引号或者双引号括起来的字符集
    d.对象(Object) - 相当于python中的字典和对象{}
    e.函数(Function) - 相当于python中的函数

    变量

    1.声明变量
    语法1:变量名=值
    变量名 - 标识符,不能是关键字,驼峰式命名(第一个单词首字母小写,后面单词首字母大写,见名知义)
    语法2 - var 变量名=值 或者 var 变量名
    区别 - 声明的时候加var,变量可以不用赋值,默认是undefined;不加var就必须赋值,否则就报错
    补充:js中有两个特殊值 - undefined(没有,空) null(清空)

    同时声明多个变量,赋一样的值
    a1=a2=a3=1
    同时声明多个变量赋不一样的值
    var a1=1,a2=2,a3=3

    运算符

    1.数学运算符:+ - * / % ++ --
    前面五个运算符和python一模一样

    ++ -- 都是单目运算符
    2.比较预算符:>,<,==,!=,>=,<=,===,!==
    比较大小的运算符和python一样,结果都是布尔值
    a.==判断值是否相等
    b.===判断值和类型是否相等(完全相等),相当于python中的==,
    !==相当于python中的!=
    3.逻辑运算符:&&(与) ||(或) !(非)
    运算规则和python一模一样
    4.赋值运算符:= += -= *= /= %=
    和python一模一样
    5.三目运算符
    条件语句?值1:值2 - 判断条件语句是否为真,如果为真结果就是值1,反之则是值2
    6.运算顺序 数学运算符>比较运算符>逻辑运算符>赋值
    如果有括号,先算括号里面的

    分支结构

    js中分支结构有两种:if 和switch
    1.if语句
    a.if
    if(条件语句){
    满足条件会执行的代码
    }
    b.if-else
    if(条件语句){
    满足条件会执行的代码
    }
    else{
    不满足条件会执行的代码
    }
    c.if-else if-else
    if(){
    }else if(){
    }else{
    }
    执行的过程和python一模一样
    2.switch语句
    a.结构
    switch(表达式){
    case 值1:
    代码段1
    case 值2:
    代码段2
    case 值3:
    代码段3
    default:
    代码段4
    }
    b.执行过程
    使用表达式的值依次和后面每个case的值进行比较,看是否相等,找到第一个和表达式的值相等的case,将这个case作为入口,依次执行后面的所有的代码,直到执行完成或者遇到break为止,如果每个case的值都和表达式的值不相等,就执行default后面的代码

    注意:case后面必须是一个有结果的表达式

    循环结构

    js中有for循环和while两种
    for循环
    a. for-in
    for(变量 in 序列){
    循环体
    }
    执行过程和python一样,但是取到的值不是元素,而知下标/key(属性名)
    序列 - 字符串、数组、对象
    b.c的循环
    for(表达式1;表达式2;表达式3){
    循环体
    }
    执行过程:先执行表达式1,然后判断表达式2的值是否为真,如果为真就执行循环体,循环体执行完就执行表达式3,然后判断表达式2是否为真,如果为真就执行循环体,以此类推,知道表达式2不为真,循环结束
    2.while循环
    a.python的循环一模一样
    while(条件语句){
    循环体
    }
    b.do-while
    do{
    循环体
    }while(条件语句)
    区别:do-while的循环体至少会执行一次
    typeof() - 获取值的类型

    函数

    1.函数的声明
    function 函数名(参数列表){
    函数体
    }
    js中的函数除了声明关键字不一样,其他都一样
    参数可以设置默认参数,也可以通过关键字参数来调用函数

    2.匿名函数(函数的字面量)
    函数名 = function(参数列表){函数体}
    3.变量的作用域
    a:全局变量 - 只要声明在函数的外面的变量就是全局变量,在函数中以 变量名=值 的形式声明的变量也是全局变量,但是要先调用这个函数,因为只有调用这个函数,才会执行函数体
    b.局部变量:以var关键字在函数内部声明的变量就是局部变量
    js中所有的函数都有返回值,默认是undefined

    字符串

    1.字符串字面量
    a.使用双引号或者单引号括起来的字符集
    b.除了普通字符以外还可以是转义字符:\n \t \ ' ''
    c.\u4位16进制对应的Unicode编码
    2.获取字符串
    字符串[下标] - 获取单个字符串
    下标 - 范围是0-字符串的长度-1,下标如果越界取到的值是undefined
    js中没有切片
    3.相关运算:+
    NaN - js中一个特殊的值,类似undefined、null,用来表示一个不存在的数值
    字符串+数值 - 支持字符串和其他任何数据相加,是将其他数据全部转换成字符串,然后在拼接
    4.字符串长度
    String.length
    js中数据类型转换 类型名()
    6.js数组中只需要关注
    1.如何获取数组中的值
    2.数组的方法
    3.元素可以是任何类型

    相关文章

      网友评论

          本文标题:day23课堂总结

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