js(回顾-总结)

js是什么!

1 面对web标准来讲:是HTML里面的三大结构中的行为部分
2 面对编程语言来讲:是一门运行在浏览器中的脚本语言且是一门弱性语言(不需要指定数据的类型)
3 面对开发人员来讲:是一门必备的技能

js能干什么!

1 网页中的动态效果(轮播图,视频,音频)
2 表单的提交
3 Ajax的交互
4 网页游戏中的动态

js在HTML里面引入的位置

1 :行内式

  • 直接在元素内添加属性

2 :内部式

  • 通过HTML内的script标签来添加属性
  • script标签可以放在HTML中的任何位置(一般建议放在脚尾)

3 :外部式(通过在外部进行属性添加)

  • 通过<style>标签中的src属性来进行外部的属性值引入(可以有多个script标签对)
  • 在外部的属性添加时不必加入script标签对
  • 在外部式的script标签对里面不可再进行属性的添加(系统不会报错!会忽略)

4注意事项!

  • 外部式和内部式不可一起引用
  • 站在开发人员的位置来看!用外部式
  • 在外部式和内部式的使用时最好加入type属性,值是text/javascript

js基本语法!

1 词法结构(基本的js书写规则)

  • 使用Unicode字符集编码
  • 区分大小写(子啊js里面 变量名和函数名会区分大小写)
  • 空白字符会被忽略(空格和转行在js不起作用)
  • 注释(分为单行注释和多行注释)
  • 标识符和关键字(this var等)其实变量名和函数名就是标识符

js中的变量和值!

1 变量是什么?

  • 变量是用来储存值的(和常量的区别是变量里面的值会发生发生改变)

2 变量一般由两个部分组成

  • 变量名(一般出现在赋值的左边就是变量名)
  • 变量值(一般在赋值的右边就是变量值)

3 变量命名规范

  • 不能使用汉字和开头使用数字来进行命名
  • 使用单词的缩写,做到看字知其意
  • 可以使用特殊符号(_和$来进行搭配使用)
  • 可以使用js的命名规范(采用小驼峰命名法)

4 声明变量

  • 通过关键字var来声明变量 (var 变量名=值)
  • 单独声明一个变量(var 变量名=值)
  • 一个声明多个变量(var 变量名1,变量名2,变量名3)
  • 重复声明变量(变量名和值被声明了两次 只会执行最近的变量)
  • 遗漏声明变量(忘记使用了关键字var)
  • 声明了变量 没有进行赋值的时候 本身也会有值(只是比较特殊?undefined)

js数据类型!

数据分为两大类
1 基本数据类型

  • string(字符串)
    1 采用单\双引号来进行引用
    2 转义字符
    3 当字符值为空的时间 boolean会为假
    3 在js中字符串可以只当数组的形式去进行访问每一个字符
  • number(数值)
    1 number有两个属性(一个最大值和一个最小值/Number.MAX_VALUE,Number.MIN_VALUE)
    2 小数和整数都是浮点数
    3 小数:有三种写法(十六进制,十进制,八进制)
    4 整数:有三种写法(小数点,小数去前面的零(.99),科学计数法)
  • Boolean(布尔值)
    1 true(真)
    2 false(假)
    3 对于数据类型 只有零才为假 其他数值为真
  • null(object)
  • undefined(undefined)

2 引用数据类型object

  • function
  • array

3 我们可用通过typeof运算符来查看数据类型

4 在进行赋值的时候就决定了数据的类型(所以说js是一门弱类型的语言)

5 数据类型的装换

  • 强制转换
    1 在数据类型装换是注意大小写
    2 在数据类型转换的时候 变量本身的数据类型并没有发生变化
    3 使用Boolean(),String(),Number(),或者Object函数
    4 使用parseInt()和parseFloat()函数更加灵活
  • 隐身转换
    1 在进行运算的时候自动就对起进行了转换

js运算符!

1 运算符基本语法

  • 操作数的个数(是一元,还是二元,或者说是三元)
  • 优先级(判断在多个运算符出现的时候是先计算哪一个)
  • 结合性(判断在运算的时候,先计算左边还是右边)
  • 运算符的副作用(自增和自减,赋值)

2 算数运算符

  • var 变量名=值(=号就是把值赋值给变量名)
  • 加号运算符:
  • 减号运算符
  • %取模运算符
  • 自增自减
  • 前增:值会发生变法
  • 后增:值不会发生变法
  • 只能对变量进行操作,而且必须是数值类型
  • 不能直接用在常量上面

3 赋值运算符
4 逻辑运算符
5 关系运算符

js表达式

  • 一个完整的变量并且进行了赋值就是一个表达式
    1 原始表达式
    2 运算符构成的表达式
    3 对象和数组初始化表达式
    4 函数定义初始化表达式
    5 调用表达式
    6 对象创建表达式

js语句

1 什么叫做语句
一般一个完整的表达式就是叫做语句
2 唱见的语句形式?

  • 表达式语句
    1 表达式本生就是一个语句,然后以分号作为结束点
  • 复合语句
    1 同时使用多条语句并且组合到一起,形成一个整体
    2 同时也叫语句块
  • 声明语句
    1 变量声明:通过关键字var来声明语句
    2 函数声明:通过关键字function来进行声明
  • 条件语句
    1 代码自上而下的进行按照顺序进行执行
  • 循环语句
  • 跳转语句

条件语句

1 if单分支条件语句
2 if else双分支条件语句
3 if else if多分支条件语句
4 switch条件语句

循环语句

1 while循环
2 do while循环
3 for循环

函数

函数是什么
函数能干什么
函数有什么组成

对象

1 对象是什么

  • 在js中万物皆对象(object是js中所有对象的祖先)
  • 在一类事物中! 他们都有一些共性 这个时候可以把它们看成是一类对象
    对象能干什么
    2 如何创建对象(创建对象有两种方式)
  • 构造器创建对象(使用new 构造器());
使用构造器来创建对象.png
  • 字面量创建对象
![Uploading 使用构造器来创建对象_995129.png . . .]
  • 注意事项:定义属性的方式同常称为键值对(key/value)

3 怎样获取对象(获取对象分为两步)

  • 获取对象
获取对象.png
  • 调用对象的属性和方法
调用对象的属性.png
  • 注意事项:Date对象只有new构造器(); 没有字面量方式。
  • math本身就是函数 而不是对象中的一个方法,直接当做一个对象就可以使用属性和方法

数组

1 数组是一个特殊的对象

  • 数组是有序的集合(通过索引来进行数字的排序)
  • 将多个值放在一起的才叫集合
  • 数组里面的值是有序的(对象是无序的集合)
  • JavaScript里面时无类型:值可以是任何数据类型
  • 数组的值是可以是数组也可以是对象

2 数组的组成部分

  • 数组名
  • 参数
  • 索引下标

3 创建数组

数组的两种创建方式.png

4 数组里面的常量可以是任意表达式

数组里面的常量可以是任意表达式.png

5 获取数组的长度(知道数组里面有多少个常量)

  • 使用属性length(只会显示)

6 获取数组里面的值

  • 基本格式
获取数组的值.png

7 数组的基本操作(增删查改)
1 查:就是数组值的输出

  • 数组名.[索引下标号];

2 改(两种情况)

  • 数组名:[下标索引值]=“要改变的值”;
  • 数组名:[上一个结束的下标索引值]="内容";

3 增:

增.png

4 删

删.png
  • pop:是把数组最后一个的值删除。

  • shift:是把数组最前面一个的值删除。

                                                                                  -9.10更
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容