JavaScript编程语言基础教学课件[傲梦].pptx

JavaScript基础 Q JavaScript是什么 A 是一种脚本语言 不同于C语言 脚本语言不用编译 可以直接用 由解释器负责解释代码 Js语言的解释器就是浏览器咯 Q JavaScript流行吗 A 非常流行 几乎在所有的浏览器上都采用 是最流行的脚本语言 Q JavaScript能干什么 Q JavaScript不能干什么 A 可以用来改进网页设计 使网页具有交互性 给用户提供更好 更棒的体验等等 A 为了安全性 JS不允许读写客户机器上的文件 不允许写服务器上的文件 不能关闭不是由它打开的窗口 不能从来自另一个服务器的已经打开的网页中读取信息 SublimeText WebStrom DW 代码编辑软件 现在呢 JavaScript ECMAScript描述了JS语言的基本组成 语法 数据类型 语句 关键字和保留字 操作符 对象 函数 变量 在所有的语言中变量都是一个重要的基本概念 数据的容器 varmessage 定义变量 关键字 var C语言 分类型 Js语言 所有类型都用var定义 inta floatb doublec 数据类型 number 数字string 字符串boolean 布尔型undefined 未定义的object 对象null 空对象指针 hello 字符串 hello 字符串5 数字5 1 数字3E01 科学记数4E05 科学记数 基本数据类型 复合数据类型 对象 将数据和处理数据的方法 函数 放在一起形成的整体 称为对象 创建方法 1 使用new操作符跟Object构造函数varperson newObject person name Nicholas person age 29 person sayName function alert this name 2 对象字面量表示法varperson name Nicholas age 29sayName function alert this name 类型转换之显示转换 字符串转换成整数 parseInt 字符串转换成浮点数 parseFloat 1 字符串类型转换成数值类型 varFnum1 parseFloat 999blue varFnum2 parseFloat wert varFnum3 parseFloat 20 6 varnum1 parseInt 12red53 varnum2 parseInt varnum3 parseInt 11 5 10 思考 想一想下面会返回的数值是 varFnum1 parseFloat 999blue 999varFnum2 parseFloat wert NaNvarFnum3 parseFloat 20 6 20 6 varnum1 parseInt 12red53 12varnum2 parseInt NaNvarnum3 parseInt 11 5 10 11 1 数值类型转换成字符串类型 varage 10 varageString age toString 字符串 10 varageString String age 字符串 10 toString 方法一 方法二 String 类型转换之隐式转换 在程序运行的时候 系统根据当前上下文的需要 自动将数据从一种类型转换为另一种类型的过程称为隐式类型转换 例如我们使用alert方法的时候 无论你在这个方法中输入什么类型的数据 最后都被转换为字符串数据输出 操作符 不同于C语言 除法直接得到准确数值例如 100 3 33 33333 程序流程控制 选择语句 循环语句 异常处理语句 if if else if elseif switch语句 for while do while for in break和continue语句 try catch try catch finally throw语句 if elseif else switch case值1 语句 break case值2 语句 break default 语句 break switch语句 if语句 选择语句 循环语句 varcount 10 for vari 0 i count i for语句 while语句 varcount 10 vari 0 while i 10 i varcount 10 for vari 0 i count i if i 1 break alert i varcount 10 for vari 0 i count i if i 1 continue alert i 输出的是 break和continue语句 输出的是 continue break 异常处理语句 try try部分要捕捉异常代码 catch exception catch部分的处理语句 try catch语句 try catch finally语句 try try部分要捕捉异常代码 catch exception catch部分的处理语句 finally finally部分的处理语句 两者没什么差别 有finally部分的异常处理语句 finally块在程序执行完毕之后会无条件执行 当多个结构嵌套时 处于里层try catch语句不打算自己处理异常则可以将其抛出 父级try catch语句可以接受到子级抛出的异常 throw语句 函数 函数格式functionname 函数体 关键字 function 带返回值的函数functionname return表达式 带参数的函数functionname arg1 arg2 return表达式 局部变量 全局变量 变量作用域 vara 12 functionread alert a read 弹出12 fucntionwrite vara 12 functionread alert a read 报错 这里可以读到a的值 这里读不到a的值 局部变量 只在当前函数内可见 所以a只在write函数里面可见 没有块级作用域 if inta 1 输出 a if vara 1 alert a JavaScript C C Java等 读不到a的值 这里可以读到a的值 花括号带作用域 花括号不带作用域 边界是function 数组 创建数组的方式 使用Array构造函数使用数组字面量表示法 可以用于储存大量的数据 varanimals newArray 创建了一个length为10的数组 使用Array构造函数 格式 形式一 给Array 函数传参定义数组的长度 例如传入10 varanimals newArray 10 varanimals newArray 创建了一个包含green blue和red三个字符串的数组 使用Array构造函数 格式 形式二 向Array 函数中传递数组中应该包含的项 例如 varanimals newArray green blue red varanimals newArray 使用Array构造函数 格式 形式三 也可以省略new关键字 varanimals Arra