JavaScript基础

1、什么是JavaScript

• JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）
• 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行
• 现在也可以基于 Node.js 技术进行服务器端编程

JavaScript特点

向HTML页面中添加交互行为 脚本语言，

语法和Java类似 解释性语言，

边执行边解释

JS的组成

JavaScript 包括 ECMAScript、DOM、BOM

2、 JavaScript的基本结构

基本结构分为三种:顺序、选择、循环

 JavaScript的应用

 <script>…</script>可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可

JavaScript的执行原理

 网页中引用JavaScript的方式

使用<script>标签

外部JS文件

直接在HTML标签中

3、 JavaScript核心语法

 核心语法—变量

先声明变量再赋值

  

 同时声明和赋值变量

 

 不声明直接赋值     

 核心语法—数据类型

 核心语法— typeof运算符

typeof检测变量的返回值

typeof运算符返回值如下

           undefined：变量被声明后，但未被赋值

           string：用单引号或双引号来声明的字符串

           boolean：true或false

           number：整数或浮点数

           object：javascript中的对象、数组和null

核心语法—String对象

 核心语法—数组2-1

 核心语法—数组2-2

          数组的常用属性和方法

类别	名称	描述
属性	length	设置或返回数组中元素的数目
方法	join( )	把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
	sort()	对数组排序
	push()	向数组末尾添加一个或更多 元素，并返回新的长度

核心语法—运算符号

类型	运算符
算术运算符	+    -   *    /    %    ++    —
赋值运算符	=    +=   -=
比较运算符	>    <     >=      <=     ==   多余 !=   ===   !==
逻辑运算符	&&      ||     !

核心语法—逻辑控制语句

if条件语句                                                    switch多分支语句

           

 for、while循环语句                                                                       for-in

   

 核心语法—循环中断

 

 核心语法—注释

 

 核心语法—常用的输入/输出

核心语法—语法约定 

      代码区分大小写

      变量、对象和函数的名称

      分号

程序调试

        Chrome开发人员工具

    停止断点调试

    单步调试，不进入函数体内部

    单步调试，进入函数体内部

    跳出当前函数

    禁用所有的断点，不做任何调试

F12进入调试模式

F10 一步一步执行 遇到方法 一步执行完 无法查看方法的具体执行情况

F11 一步一步执行 遇到方法 进入方法内部 可以查看方法的具体执行情况

shift+F11 从当前的方法退出

F8 停止当前的调试

在调试的watch里可以添加变量的监听

breakpoints  断点的清理  可以单个清理  常用的是一次清理全部

alert()方法

学员操作—调试程序

    需求说明

使用alert()和Chorme开发人员工具相结合的方式调试程序

什么是函数

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块

使用更简单：不用定义属于某个类，直接使用

函数分类：系统函数和自定义函数

常用系统函数

          parseInt ("字符串")

                      将字符串转换为整型数字

                      如: parseInt ("86")将字符串“86“转换为整型值86

          parseFloat("字符串")

                      将字符串转换为浮点型数字

                      如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45

          isNaN()

                     用于检查其参数是否是非数字

自定义函数

  

 调用无参函数

 调用有参函数

 学员操作—编写一个四则运算函数

         需求说明

           

 变量的作用域

                 

 事件

名称	说明
onload	一个页面或一幅图像完成加载
onlick	鼠标单击某个对象
onmouseover	鼠标指导移到某元素上
onkeydown	某个键盘按键被按下
onchange	域的内容被改变

JavaScript基础

 JavaScript的组成和基本结构  

JavaScript基本结构和在网页中引入JavaScript

核心语法

        变量的声明和赋值、数据类型、数组、运算符

        逻辑控制语句、注释、语法约定

程序调试：Chrome开发工具和alert

函数

         常用系统函数、自定义函数

         变量的作用域、事件